title: HTML5 Input type Range with min value slider, max value slider, and ticks
body: <p>I have to implement HTML5 input type Range</p>
  
  <pre><code>&lt;input type="range"  min="0" max="100" step="10"  value="40" /&gt;
  </code></pre>
  
  <p>Now i want to show ticks on steps just like on image attached. Is it possible ? Is there any way ?</p>
  
  <p><a href="https://i.stack.imgur.com/YZwSv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YZwSv.png" alt="Sample Image"></a></p>