效果
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICM38CXlZHbvN3cpR2Lc1TPB10QGtWUCpEMJ9CXsxWam9CXwADNvwVZ6l2c052bm9CXUJDT1wkNhVzLcRnbvZ2Lc1TRyIGaoJTWsx2MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2LcRHelR3LcJzLctmch1mclRXY39DN5UTOwkTN4EDNwkDM4EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
xml
<ProgressBar
android:id="@+id/item_progress_bar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="@dimen/dp_70"
android:layout_height="@dimen/dp_10"
android:max="100"
android:progress="50"
android:progressDrawable="@drawable/progress_bar"/>
- style=”?android:attr/progressBarStyleHorizontal” 橫向顯示
- android:max=”100” 最大值
- android:progress=”50” 目前顯示值
- android:progressDrawable=”@drawable/progress_bar” 自定義drawable顯示
@drawable/progress_bar
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dip"/>
<solid android:color="@color/white"/>
<stroke android:color="@color/color_e5004f" android:width="1px"/>
</shape>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="999dip"/>
<solid android:color="@color/color_f27fa7"/>
</shape>
</clip>
</item>
</layer-list>
灰色的改改顔色就行了