Jquery Knob animate and change color
- by user1468116
I'd like to create a knob that switch color at some point. For example, at 35 is red, at 70 is yellow and 100 is green.
I also would like to make it animate.
this is my fiddle: http://jsfiddle.net/Tropicalista/jUELj/6/
My code is:
enter code here
$(document).ready(function() {
$('.dial').val(13).trigger('change').delay(2000);
$(".dial").knob({
'min':0,
'max':100,
'readOnly': true,
'width': 120,
'height': 120,
'fgColor': '#b9e672',
'dynamicDraw': true,
'thickness': 0.2,
'tickColorizeValues': true,
'skin':'tron'
})
});
