title: Progress bar with image in center
body: <p>I am trying to do my custom progress bar, for that I created a spinner_inner and a spinner_outer, but my inner size is to large and overlaps the outer.</p>
  <p><img src="https://i.stack.imgur.com/UB2r8.png" alt="Image" /></p>
  <p><strong>my activity</strong></p>
  <pre><code>   &lt;ProgressBar
          style=&quot;@style/Spinner&quot;
          android:layout_width=&quot;100dp&quot;
          android:layout_height=&quot;100dp&quot;
          android:indeterminateDrawable=&quot;@drawable/loading&quot; /&gt;
  
      &lt;TextView
          android:id=&quot;@+id/login_status_message&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_marginBottom=&quot;16dp&quot;
          android:fontFamily=&quot;sans-serif-light&quot;
          android:text=&quot;@string/login_progress_signing_in&quot;
          android:textAppearance=&quot;?android:attr/textAppearanceMedium&quot; /&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  <p><strong>my style</strong></p>
  <pre><code>&lt;style name=&quot;Spinner&quot;&gt;
      &lt;item name=&quot;android:indeterminate&quot;&gt;true&lt;/item&gt;
      &lt;item name=&quot;android:indeterminateDrawable&quot;&gt;@drawable/spinner_outer&lt;/item&gt;
      &lt;item name=&quot;android:indeterminateDuration&quot;&gt;2000&lt;/item&gt;
      &lt;item name=&quot;android:indeterminateOnly&quot;&gt;true&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  <p><strong>my xml</strong></p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;layer-list xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot; &gt;
  
  &lt;item android:drawable=&quot;@drawable/spinner_inner&quot;/&gt;
  &lt;item&gt;
      &lt;rotate
          android:fromDegrees=&quot;0&quot;
          android:interpolator=&quot;@android:anim/linear_interpolator&quot;
          android:pivotX=&quot;50%&quot;
          android:pivotY=&quot;50%&quot;
          android:toDegrees=&quot;360&quot; &gt;
          &lt;bitmap
              android:antialias=&quot;true&quot;
              android:filter=&quot;true&quot;
              android:src=&quot;@drawable/spinner_outer&quot; /&gt;
      &lt;/rotate&gt;
  &lt;/item&gt;
  
  &lt;/layer-list&gt;
  </code></pre>
  <p>I had already searched for an answer, but no success.</p>