title: Android: SeekBar with custom drawable
body: <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>