制作自定义进度条

Question

我想创建自定义进度条，如下面的图片

因为我用了下面的代码，所以每隔一秒黑色圆圈正在消失，因为我使用了以下代码，如果我使用逐帧动画，我需要60张图像，而不是我使用下面的代码

<item>
    <shape android:shape="oval" >
        <gradient
            android:centerColor="#e9a30f"
            android:endColor="#953308"
            android:gradientRadius="300"
            android:startColor="#923008"
            android:type="radial"
            android:useLevel="false" />
        <stroke
            android:width="1.0dip"
            android:color="#953308" />
    </shape>
</item>
<item>
    <shape
        android:innerRadiusRatio="4.5"
        android:shape="ring"
        android:thicknessRatio="6.0"
        android:useLevel="false" >
        <size
            android:height="48dp"
            android:width="48dp" />

        <gradient
            android:centerColor="#000000"
            android:endColor="#ffffffff"
            android:startColor="#000000"
            android:type="sweep"
            android:useLevel="false" />

        <stroke
            android:width="1.0dip"
            android:color="#ffffffff" />
    </shape>
</item>
<item>
    <shape
        android:bottom="1.0dp"
        android:innerRadiusRatio="4.5"
        android:shape="ring"
        android:thicknessRatio="6.0"
        android:top="1.0dp"
        android:useLevel="true" >
        <size
            android:height="48dp"
            android:width="48dp" />

        <solid android:color="#ff0000" />

        <stroke
            android:width="1.0dp"
            android:color="#ffffffff" />
    </shape>
</item>

通过执行此代码，图像完成如下

但是在这里你可以看到椭圆形看起来很大我想将那个椭圆形放入黑色的cirlcle请xml中的任何身体帮助