Seekbar showing only progress color and not background color
<p>I am using a custom seekbar drawable and set its progress to 50 in my xml. It shows perfectly fine in Android Studio Preview, but in device, the background color is same as the progress color. I am using Nexus 5 with Android version: 6.0.1. Here are the codes and screenshots:</p>

<p><strong>Seekbar:</strong></p>

<pre><code> &lt;SeekBar
     android:id="@+id/seekbar"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_below="@id/ivRepeat"
     android:indeterminate="false"
     android:maxHeight="2dp"
     android:minHeight="2dp"
     android:progress="50"
     android:progressDrawable="@drawable/progress_drawable"
     android:thumbTint="@color/seekColor" /&gt;
</code></pre>

<p><strong>progress_drawable.xml:</strong></p>

<pre><code>&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
    &lt;item android:id="@android:id/background"&gt;
        &lt;shape&gt;
            &lt;corners android:radius="5dip" /&gt;
            &lt;solid android:color="#F7CCBD" /&gt;
        &lt;/shape&gt;
    &lt;/item&gt;
    &lt;item android:id="@android:id/progress"&gt;
        &lt;clip&gt;
            &lt;shape&gt;
                &lt;corners android:radius="5dip" /&gt;
                &lt;solid android:color="@color/seekColor" /&gt;
            &lt;/shape&gt;
        &lt;/clip&gt;
    &lt;/item&gt;
&lt;/layer-list&gt;
</code></pre>

<p><strong>seekColor value:</strong> #87DED5</p>

<p><strong>How it shows in Android studio Preview:</strong>
<a href="https://i.stack.imgur.com/2MpYv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2MpYv.png" alt="enter image description here"></a></p>

<p><strong>How it shows in my device:</strong>
<a href="https://i.stack.imgur.com/vq6oY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vq6oY.png" alt="enter image description here"></a></p>

<p>Any ideas why this is happening and how to fix it?</p>