Как сделать круглую форму с анимацией бесконечного вращения в Android?

Question

Я пробовал много способов, но не получилось! позвольте мне объяснить, что я уже сделал.

1. Создан ProgressBar

        <ProgressBar
          android:layout_centerInParent="true"
          android:id="@+id/progressBar"
          android:layout_width="400dp"
          android:indeterminateDuration="10000"
          android:layout_height="400dp"
          android:indeterminate="false"
          android:indeterminateDrawable="@drawable/rotate_bar"
          android:background="@drawable/circle_shape"
          tools:ignore="MissingConstraints" />```
   

2. Назначьте пользовательский фон в форме круга:

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
    <shape
        android:shape="ring"
        android:drawable="@drawable/rotate_bar"
        android:innerRadiusRatio="2.5"
        android:thickness="5dp"
        android:useLevel="false">
        <solid android:color="#CCC" />
    </shape>
    </item>
    </layer-list>

Настройка вращения с помощью:

<shape
    android:innerRadiusRatio="2.5"
    android:shape="ring"
    android:thickness="5dp"
    android:useLevel="@null"><!-- this line fixes the issue for lollipop api 21 -->

    <gradient
        android:angle="90"
        android:endColor="#000"
        android:startColor="#007DD6" />
</shape>

Результат вышеприведенного кода:

Чего достичь: