效果图:
实现方式:
1.drawable下新建process_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 背景 gradient是渐变,corners定义的是圆角 -->
<item android:id="@android:id/background">
<shape>
<corners android:radius="10dp" />
<solid android:color="#00ffffff" />
</shape>
</item>
<!-- 第二条进度条颜色 -->
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="10dip" />
<solid android:color="#00ffffff" />
</shape>
</clip>
</item>
<!-- 进度条 -->
<!-- 渐变,angle=0,从左到右渲染;angle=90,从上到下渲染的;angle=180,是从又到左渲染的;angle=360与angle=0的效果一样-->
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="10dip" />
<gradient
android:angle="0"
android:endColor="#f00"
android:startColor="#ffffff" />
</shape>
</clip>
</item>
</layer-list>
2、layout布局文件
<ProgressBar
android:id="@+id/pb_progress"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="3dp"
android:layout_alignParentTop="true"
android:max="100"
android:progress="0"
android:progressDrawable="@drawable/process_bg"
/>