Android, Remove square border around circular progress bar
<p>I have a circular progress bar that I designed through xml. The problem is, if I set layout_width and layout_height to wrap_content, it will cut off the circle. If I set the width and height manually to "__dp" then there is a huge box around the circle which expands too much. To explain more clearly, my progress bar starts when you touch it. However, with this border around it, even if you touch next to the progress bar it will start (when it shouldn't). How can I remove this border? Thanks!</p>

<p><a href="https://i.stack.imgur.com/LR1P2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LR1P2.png" alt="enter image description here"></a></p>

<pre><code>    &lt;ProgressBar
    style="?android:attr/progressBarStyleHorizontal"
    android:id="@+id/progressBar"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:indeterminate="false"
    android:progressDrawable="@drawable/circular_progress_bar"
    android:background="@drawable/circle_shape"
    android:max="100"
    android:layout_alignParentBottom="true"
    android:layout_centerInParent="true"
    /&gt;
</code></pre>

<p>circle_shape.xml</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:innerRadiusRatio="7"
    android:thickness="5dp"
    android:useLevel="false"&gt;

    &lt;solid android:color="#CCC" /&gt;

&lt;/shape&gt;
</code></pre>

<p>circular_progress_bar.xml</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="270"
    android:toDegrees="270"&gt;
    &lt;shape
        android:innerRadiusRatio="7"
        android:shape="ring"
        android:thickness="5dp"
        android:useLevel="true"&gt;

        &lt;gradient
            android:angle="0"
            android:endColor="#007DD6"
            android:startColor="#007DD6"
            android:type="sweep"
            android:useLevel="false" /&gt;
    &lt;/shape&gt;
&lt;/rotate&gt;
</code></pre>