Progressbar c кругом в начале прогреса

Как добавить круг на начало прогреса в прогресбаре как на картинке внизу?

вот хмл

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="ring"
            android:thicknessRatio="30"
            android:useLevel="false">
            <solid android:color="#FDC410"/>
            <size android:width="100dp"
                android:height="100dp"/>
        </shape>
    </item>
    <item>
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270">
            <shape
                android:shape="ring"
                android:thicknessRatio="30"
                android:useLevel="true">
                <gradient
                    android:endColor="#AA6F04"
                    android:startColor="#D69622"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>
</layer-list>

вот я задаю стиль

<style name="CircularDeterminateProgressBar">
    <item name="android:indeterminateOnly">false</item>
    <item name="android:progressDrawable">@drawable/pb_circle</item>
</style>

и сам прогрес бар

   <ProgressBar
        android:id="@+id/pb_one"
        android:layout_width="140dp"
        android:layout_height="140dp"
        android:progress="75"
        style="@style/CircularDeterminateProgressBar"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />