Creating custom SeekBar with a triangle shape background
<p>I am trying to create a custom SeekBar with a triangle shape background. There is no thumb icon. Below are some images of what I want to achieve</p>

<p><img src="http://i.stack.imgur.com/AuEka.png" alt="Empty SeekBar">  </p>

<p><img src="http://i.stack.imgur.com/IBRjn.png" alt="3/4 Full SeekBar"></p>

<p><img src="http://i.stack.imgur.com/fIGoe.png" alt="Full SeekBar"></p>

<p>Below is my code so far</p>

<p>Res/Drawable/segment_bg</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&gt;
        &lt;clip&gt;
            &lt;shape&gt;
                &lt;gradient
                    android:startColor="#FF5e8ea3"
                    android:centerColor="#FF32a0d2"
                    android:centerY="0.1"
                    android:endColor="#FF13729e"
                    android:angle="270"
                /&gt;
            &lt;/shape&gt;
        &lt;/clip&gt;
    &lt;/item&gt;
&lt;/layer-list&gt;
</code></pre>

<p>Res/Drawable/segment</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"&gt;
        &lt;nine-patch
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:src="@drawable/slider"
            android:dither="true"
         /&gt;
    &lt;/item&gt;
    &lt;item android:id="@android:id/secondaryProgress"&gt;
        &lt;clip&gt;
            &lt;shape&gt;
                &lt;gradient
                    android:startColor="#80028ac8"
                    android:centerColor="#80127fb1"
                    android:centerY="0.75"
                    android:endColor="#a004638f"
                    android:angle="270"
                /&gt;
            &lt;/shape&gt;
        &lt;/clip&gt;
    &lt;/item&gt;
    &lt;item
        android:id="@android:id/progress"
        android:drawable="@drawable/segment_bg"
    /&gt;
&lt;/layer-list&gt;
</code></pre>

<p>activity.xml</p>

<pre><code>&lt;SeekBar
    android:id="@+id/frequency_slider"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="100dp"
    android:max="20"
    android:progress="0"
    android:secondaryProgress="0"
    android:progressDrawable="@drawable/segment"
/&gt;
</code></pre>

<p>The 9-patch image used is</p>

<p><img src="http://i.stack.imgur.com/2x9mv.png" alt="9 Patch Slider"></p>

<p>The result looks like this</p>

<p><img src="http://i.stack.imgur.com/k1jIT.png" alt="Incorrect SeekBar"></p>

<p>My questions are how do I have the seekbar cater for the triangle shape? Then how do I remove the thumb icon, one isn't needed.</p>

<p>Thanks</p>
