1.图像形式

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<!-- 定义轨道的背景 -->
    <item
        android:id="@android :id/background"
        android:drawable="@drawable/no"/>
    <!-- 定义轨道上已完成部分的样式 -->
    <item
        android:id="@android :id/progress"
        android:drawable="@drawable/ok"/>

</layer-list>

2.绚丽效果

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<!-- 定义轨道的背景 -->
    <item
        android:id="@android :id/background"
        android:drawable="@drawable/no"/>
    <!-- 定义轨道上已完成部分的样式 -->
    <item
        android:id="@android :id/progress"
        android:drawable="@drawable/ok"/>
    <!-- 设置背景色图像资源 -->
    <!-- <item android:id="@android :id/background" android:drawable="@drawable/XXXX"> -->
    <item android:id="@android :id/background">
        <shape>
            <corners android:radius="3dip" />

<gradient
                android:angle="270"
                android:centerColor="#FF880000"
                android:centerY="0.75"
                android:endColor="#FF110000"
                android:startColor="#FFFF0000" />
        </shape>
    </item>
    <!-- 设置第二级进度条颜色图像资源 -->
    <item android:id="@android :id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="3dip" />

<gradient
                    android:angle="270"
                    android:centerColor="#FF00FF00"
                    android:centerY="0.75"
                    android:endColor="#FF00FF00"
                    android:startColor="#FF00FF00" />
            </shape>
        </clip>
    </item>
    <!-- 设置第一级进度条颜色图像资源 -->
    <item android:id="@android :id/progress">
        <clip>
            <shape>
                <corners android:radius="3dip" />

<gradient
                    android:angle="270"
                    android:centerColor="#12345678"
                    android:centerY="0.75"
                    android:endColor="#98786321"
                    android:startColor="#54636254" />
            </shape>
        </clip>
    </item>

</layer-list>

由于android并没有提供垂直的进度条，需要自己绘制

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"

android:drawable="@drawable/android"

android:clipOrientation="vertical"

android:gravity="top">

</clip>

//通过下面代码，可以在垂直方向从图像的顶端开始截取30%图像

将ImageView的背景色设置为另一种颜色就可以绘制出一个垂直进度条

ImageView imageView=(ImageView)findViewById(R.id.image);

ClipDrawable drawable=(ClipDrawable)imageView.getDrawable();

//通图像顶端截取图像的30%

drawable.setLevel(3000);