Android: SeekBar with custom drawable
<p>I have SeekBar with custom drawable. Progress element is not rendered from left side exactly but it is moved to right. How can I avoid this?</p>

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

<pre><code>&lt;SeekBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@android:id/summary"
    android:background="@null"

    android:progressDrawable="@drawable/seekbar"
    android:thumb="@drawable/seekbar_thumb"/&gt;
</code></pre>

<p>seekbar.xml</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android" &gt;

    &lt;item
        android:id="@android:id/background"
        android:drawable="@drawable/seekbar_background"/&gt;
    &lt;item android:id="@android:id/progress"&gt;
        &lt;clip android:drawable="@drawable/seekbar_progress" /&gt;
    &lt;/item&gt;

&lt;/layer-list&gt;
</code></pre>

<p>seekbar_background.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="line"&gt;

    &lt;stroke android:width="2dp" android:color="@color/colorNeutral" /&gt;

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

<p>seekbar_progress.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="line"&gt;

    &lt;stroke
        android:width="4dp"
        android:color="@color/colorAccentDark" /&gt;
&lt;/shape&gt;
</code></pre>

<p><strong>EDIT:</strong></p>

<p>As mentioned in comments if there will be both widths same problem disappear. But I need make it with two different widths through drawable is it possible? Maybe with different shapes not just lines?</p>