title: How to show the value of Range Slider on the thumb of the Slider?
body: <p>This is an odd request; However, what would be the best method to display the value of an HTML5 range-slider on the thumb of the slider?! the thumb will be animated onLoad so it must follow the thumb; moreover, this will be displayed for <strong>iPad</strong></p>
  
  <p><strong>EXAMPLE:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/J5eHZ.png" alt="enter image description here"></p>
  
  <pre><code>&lt;input class="range-consideration" type="range" name="points" min="1" max="10" ng-model="rangeConsiderations"&gt;
  </code></pre>