如何像附加图像一样开发进度条？

Question

我有一个进度条，它看起来像图像1，它应该看起来像图像2.下面是我的进度条代码。请告知如何做到这一点。附加图像是链接，因为它不允许我直接上传图像。

MyProgressBar

要求

以下是布局中的代码：

<ProgressBar
    android:id="@+id/percentage_circle"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="161dp"
    android:layout_height="161dp"
    android:max="100"
    android:progress="0"
    android:progressDrawable="@drawable/xml_custom_circular_progress" />

以下是drawable中的代码

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background" >
        <shape
            android:innerRadiusRatio="2.5"
            android:thicknessRatio="25"
            android:shape="ring"
            android:useLevel="false">
            <solid android:color="@color/black_50" />
            <stroke android:color="@color/text_white"/>
        </shape>
    </item>

    <item android:id="@android:id/progress">
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%" >
            <shape
                android:innerRadiusRatio="2.5"
                android:thicknessRatio="25"
                android:shape="ring"
                >
                <gradient
                    android:endColor="@color/history_graph_gradient_end"
                    android:angle="90"
                    android:startColor="@color/history_graph_gradient_start"
                    android:centerColor="#0033C2"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%" >
            <shape
                android:innerRadiusRatio="2.5"
                android:thicknessRatio="25"
                android:shape="ring"
                >
                <gradient
                    android:endColor="@color/history_graph_gradient_end"
                    android:angle="90"
                    android:startColor="@color/history_graph_gradient_start"
                    android:centerColor="#0033C2"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>
</layer-list>

我没有显示内部边框和进度条的背景。我真的需要帮助。