Hola chicos, hoy estoy intentando hacer mi barra de progreso personalizada, para eso creé un spinner_inner y un spinner_outer, pero mi tamaño interno es demasiado grande y se superpone al exterior.

mi actividad

   <ProgressBar
        style="@style/Spinner"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:indeterminateDrawable="@drawable/loading" />

    <TextView
        android:id="@+id/login_status_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        android:fontFamily="sans-serif-light"
        android:text="@string/login_progress_signing_in"
        android:textAppearance="?android:attr/textAppearanceMedium" />
</LinearLayout>

mi estilo

<style name="Spinner">
    <item name="android:indeterminate">true</item>
    <item name="android:indeterminateDrawable">@drawable/spinner_outer</item>
    <item name="android:indeterminateDuration">2000</item>
    <item name="android:indeterminateOnly">true</item>
</style>

mi xml

<?xml version="1.0" encoding="utf-8"?>

<item android:drawable="@drawable/spinner_inner"/>
<item>
    <rotate
        android:fromDegrees="0"
        android:interpolator="@android:anim/linear_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" >
        <bitmap
            android:antialias="true"
            android:filter="true"
            android:src="@drawable/spinner_outer" />
    </rotate>
</item>

Ya había buscado una respuesta pero no tuve éxito