How to Bind Array of numbers to Range Slider using JavaScript/Jquery/Knockout JS
<p>I tried this below code:</p>

<pre><code>&lt;input type="range" id="slider1" min="0" max="6" step="1" value="1"&gt;
&lt;output id="output"&gt;&lt;/output&gt;
</code></pre>

<pre class="lang-js prettyprint-override"><code>var values = [2, 4, 8, 16, 32, 64, 128];
$('#slider1').change(function () {
    $('.slider #slider1').attr('value', values[this.value]);
    memoryslider = $('input[id="slider1"]').attr('value');
    var data = document.getElementById("output");
    data.innerText = memoryslider;
});
</code></pre>

<p>This works fine but out put showing after mouse click, But i want to output values when mouse is moving, is there any possibility please help me..</p>