title: make progress bar background transparent
body: <p>This is the output i am getting. </p>
  
  <p><a href="https://i.stack.imgur.com/ejPjG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ejPjG.png" alt="enter image description here"></a></p>
  
  <p>as you can see the progress bar has white borders that i cant get rid off. I want the loading to jus comprise of the beige ball and the custom animation inside it. I used a dialog for this. </p>
  
  <p>below is my code:</p>
  
  <p>ActivityIndicator extends the dialog.</p>
  
  <pre><code>public class ActivityIndicator extends Dialog {
  
      private ProgressBar progressBar;
  
      public ActivityIndicator(@NonNull Context context) {
          super(context);
      }
  
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          requestWindowFeature(Window.FEATURE_NO_TITLE);
          setContentView(R.layout.activity_indicator);
          this.setCancelable(false);
  
          progressBar = (ProgressBar) findViewById(R.id.progressBar);
          ThreeBounce threeBounce = new ThreeBounce();
          progressBar.setIndeterminateDrawable(threeBounce);
      }
  
  
  
  }
  </code></pre>
  
  <p>ThreeBounce is a custom library that i imported for the animation. </p>
  
  <p>activityIndicator.xml :</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"&gt;
  
  
  &lt;ProgressBar
      android:id="@+id/progressBar"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerHorizontal="true"
      android:layout_centerVertical="true"
      android:background="@drawable/loading_ball&gt;
  &lt;/ProgressBar&gt;
  
  
  &lt;com.github.ybq.android.spinkit.SpinKitView xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/spin_kit"
      style="@style/SpinKitView.ThreeBounce"
      android:layout_width="68dp"
      android:layout_height="59dp"
      android:layout_centerInParent="true"
      android:layout_gravity="center"
      android:background="@drawable/loading_ball"
      app:SpinKit_Color="@color/colorPrimary"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent" /&gt;
  
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>loading_ball.xml:(Custom circle image view)</p>
  
  <pre><code> &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android" &gt;
  
      &lt;item android:drawable="@drawable/loadingball"/&gt;
      &lt;item android:drawable="@drawable/circle"/&gt;
  
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>circle.xml:</p>
  
  <pre><code>&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:innerRadius="1.5dp"
      android:shape="ring"
      android:thicknessRatio="1.9"
      android:useLevel="false" &gt;
      &lt;solid android:color="@android:color/transparent" /&gt;
  
      &lt;stroke
          android:width="0dp"
          android:color="@android:color/white" /&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>i tried setting the progress bar background to transparent but it doesnt seem to work. Is there any way to achieve this? </p>