title: Android ProgressBar make gradient fade transparent
body: <p>Here is <a href="http://i.stack.imgur.com/jayGl.png" rel="nofollow">my ProgressBar</a> at present.</p>
  
  <p>Note how the pink colour fades into a back colour. This is not just because the background is grey (this is just a snip from the layout preview in Android Studio), since even in the app which has a white background it still fades to black. </p>
  
  <p>What I want to achieve is the pink fading into transparent, so as the amount of pink in the gradient decreases, more of the background becomes visible.</p>
  
  <p>Does anyone know how to achieve this?</p>
  
  <p>Here is the drawable for the progress bar:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;rotate xmlns:android="http://schemas.android.com/apk/res/android"
      android:fromDegrees="0"
      android:pivotX="50%"
      android:pivotY="50%"
      android:toDegrees="360"&gt;
  
      &lt;shape
          android:innerRadiusRatio="3"
          android:shape="ring"
          android:thicknessRatio="30"
          android:useLevel="false"&gt;
  
      &lt;gradient
          android:centerColor="#00000000"
          android:centerY="0.50"
          android:endColor="@color/colorAccent"
          android:startColor="@color/colorAccent"
          android:type="sweep"
          android:useLevel="false" /&gt;
     &lt;/shape&gt;
  </code></pre>
  
  <p></p>
  
  <p>And here is it's declaration in my layout:</p>
  
  <pre><code> &lt;ProgressBar
       android:layout_width="210sp"
       android:layout_height="210sp"
       style="?android:attr/progressBarStyleLarge"
       android:indeterminateDrawable="@drawable/circular_progress_bar_big"
       android:indeterminate="false"
       android:id="@+id/progressPose"
       android:layout_gravity="center"
       android:visibility="visible"
       android:progress="100" /&gt;
  </code></pre>
  
  <p>All help appreciated, thank you!
  Max</p>