title: Jquery Knob animate and change color
body: <p>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.</p>
  
  <p>I also would like to make it animate.</p>
  
  <p>this is my fiddle: <a href="http://jsfiddle.net/Tropicalista/jUELj/6/" rel="nofollow">http://jsfiddle.net/Tropicalista/jUELj/6/</a></p>
  
  <p>My code is:</p>
  
  <pre><code>    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'
      })         
  
  });
  </code></pre>