ionic 2 how to customize ion-range?
<p>in ionic 2, I want to customize the <strong>ion-range</strong> to be something like the following 
pic, or I should say : is there way to customize <strong>ion-range</strong> ?:
<a href="https://i.stack.imgur.com/fQ8eB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fQ8eB.png" alt="enter image description here"></a> </p>

<p>here is my code </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;ion-row&gt;
      &lt;ion-item&gt;
         &lt;ion-range min="500" max="1500" step="500" snaps="true" color="secondary"&gt;&lt;/ion-range&gt;
      &lt;/ion-item&gt;
    &lt;/ion-row&gt;</code></pre>
</div>
</div>
</p>

<p>and here is my range</p>

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