title: Best Element for Draggable location bar.
body: <p>I'm creating an app that contains a draggable location bar. This element would allow you to drag thru chapters in a book and be seen at the bottom of the viewport. Much like Kindle or other mobile reading apps. </p>
  
  <p><img src="https://i.stack.imgur.com/nHLJO.png" alt="Shot of the location bar"></p>
  
  <p>I'd like to hear your thoughts on what element to use. </p>
  
  <pre><code>&lt;progress&gt; 
  </code></pre>
  
  <p>element, or was also thinking about using </p>
  
  <pre><code>&lt;input type="range"&gt;
  </code></pre>
  
  <p>Or should we just roll our own and throw some javascript at it?</p>