title: input type range continues drag
body: <p>So I have a <code>range</code> element that looks like:</p>
  
  <pre><code>&lt;div id='multi-range' data-lbound='0' data-ubound='50'&gt;
    &lt;input id="range_drag" type='range' min='-180' max='180' step='1' value='0' oninput='this.parentNode.dataset.lbound=this.value;'/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I'm trying to do is instead of you just dragging it, you can drag and throw the marker and it'll slide across the slider.</p>
  
  <p>Here's a <a href="http://jsbin.com/oWORIdU/1" rel="nofollow noreferrer">JSBin</a> of attempting to achieve it. So I can get it moving on it's own, but having the ability to drag and throw the marker I can't figure out how I'd achieve it. </p>
  
  <p>I tried using a <code>setInterval(function() {..}, 30);</code> and doing the <code>stepUp()</code> method. But I can't get it to fluidily slide like I'm trying.</p>
  
  <p>Can anyone offer any advice/help on how I might achieve what I'm looking for.</p>