Demo of Change event of slider for continuous changing value using JQuery

HTML

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

JQuery

<script>
$(document).ready(function() {
//////////////////////////
$(function() {
    $( "#slider" ).slider({value:50,min: 0,max: 100,step: 1,slide: function( event, ui ) {
                $( "#d1" ).html( ui.value );
         }

  });
  });
////////////////
})
</script>