自定义seekBar背景与其前景不匹配

Question

我正在尝试制作这样的自定义seekBar。

这是我的代码：

<SeekBar
                android:layout_width="250dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:progressDrawable="@drawable/custom_seek_bar" />

custom_seek_bar.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:id="@android:id/background"
    android:drawable="@drawable/seekbar_grey" />
<item android:id="@android:id/progress">
    <clip android:drawable="@drawable/seekbar_black" />
</item>

但是灰色的搜索栏和黑色的seekBar在这样做后并不匹配。请帮我解决这个问题。

这是seekbar_black。

这是seekbar_grey。

此图像是最终输出。背景和前景不匹配。