$(document).ready(function(){

      $('.dial').knob({
        'min':0,
        'max':100,
        'readOnly': true,
        'width': 120,
        'height': 120,
        'fgColor': '#b9e672',
        'dynamicDraw': true,
        'thickness': 0.3,
        'tickColorizeValues': true,
        'skin':'tron'
      });

      $(window).scroll(function(){
          var top = $(document).scrollTop();
          if (top > 300) {
              if($('.dial').val() == 0)
              {
                  $({value: 0}).animate({value: $('.dial').attr("rel")}, {
                  duration: 2000,
                  easing:'swing',
                  step: function()
                  {
                    $('.dial').val(Math.ceil(this.value)).trigger('change');
                  }
                  })
            }
      }
    });
});