ProgressBar进度条圆角

先贴出效果图：就是这样的效果：圆角进度条而且距离四周有必定高度
android

1.activity_main.xml(使用progressbar的布局文件)web

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#195B8F">

        <ProgressBar  android:id="@+id/progress" style="@android:style/Widget.ProgressBar.Horizontal" android:layout_width="match_parent" android:layout_height="40dp" android:layout_marginBottom="40dp" android:layout_marginTop="40dp" android:progress="20" android:progressDrawable="@drawable/bar_color" />
</RelativeLayout>

2.bar_color.xml（progressbar的进度样式）svg

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--这里是设置progressbar的背景样式-->
    <item  android:id="@android:id/background" android:drawable="@drawable/progress_bar_background" />

    <!--这里是设置progressbar的进度条样式-->
    <item android:id="@android:id/progress">
        <scale  android:drawable="@drawable/shape_progressbar_progress" android:scaleWidth="100%" />
    </item>

</layer-list>

3.progress_bar_background.xml（progressbar背景的样式:圆角、背景色填充为白色）布局

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="20dp" />
    <solid android:color="#FFFFFF" />
</shape>

4.shape_progressbar_progress.xml(progressbar进度条的样式：圆角、背景色填充为蓝色、距离progressbar四周为2dp，颜色为白色)spa

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners android:radius="20dp" />
    <solid android:color="#3F8CC4" />
    <stroke  android:width="2dp" android:color="#FFFFFF"></stroke>
</shape>

荆轲刺秦王！code