Demo of Range selector for Minimum and Maximum data selection using JQuery

HTML

<div id="slider"></div>
<div id=d1></div>
<div id=d2></div>

JQuery

<script>
$(document).ready(function() {
//////////////////////////
$(function() {
    $( "#slider" ).slider({
min:0,
max:100,
range:true,
slide: function(event, ui) { $( "#d1" ).html( "Min value:" + ui.values[0] ), $( "#d2" ).html("Max value:" + ui.values[1] );} 
  });
  });
////////////////
})
</script>