jQuery UI Library Range Slider


Example

Range sliders provide 2 draggable handles to select numeric values. The slider's initialization must provide a range option set to true to create a range slider:

<script>
  $(function() {
    $( "#range-slider" ).slider({
        range: true
    });
  });
</script>
<div id="range-slider"></div>