android - 制作自定义进度条

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>

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

但是在这里你可以看到椭圆形看起来很大我想把那个椭圆形变成黑色圆圈请任何身体帮助在 xml