Knob Js Progress %

Knob Js Progress %

by Ajay Patel

HTML

<script src="http://anthonyterrien.com/js/jquery.knob.js"></script>
<input class="knob  animated" value="0" rel="60">
<input class="knob  animated" value="0" rel="70">
<input class="knob  animated" value="0" rel="90">

JavaScript

$('.knob').each(function () {
           var $this = $(this);
           var myVal = $this.attr("rel");           
           
           $this.knob({
               'draw' : function () { 
                $(this.i).val(this.cv + '%')
              }
           });
           
           $({
              value: 0
           }).animate({
               value: myVal
           }, {
               duration: 2000,
               easing: 'swing',
               step: function () {
                   $this.val(Math.ceil(this.value)).trigger('change');

               }
           })

       });