title: JQuery Knob plugin - animate the values rising on read only knobs? - Canvas
body: <p>Here's a JSFiddle of the JQ Knob plugin which allows us to create dynamic stat wheels ("knobs")</p>
  
  <p><strong>The knob inputs are pretty basic:</strong></p>
  
  <pre><code>&lt;input type="text" data-width="150"
      data-fgColor="#6dc9ff"
      data-skin="tron"
      data-thickness=".1"
      data-angleOffset="180"
      data-readOnly="true"
      class="s2"&gt;
  </code></pre>
  
  <p><strong>And they look great:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/6uQic.jpg" alt="enter image description here"></p>
  
  <p><strong>JSFiddle (full 694 line source):</strong></p>
  
  <p><a href="http://jsfiddle.net/zfbud/" rel="nofollow noreferrer">http://jsfiddle.net/zfbud/</a></p>
  
  <p>I've been trying to fix this plugin so that the knobs fill dynamically when populated via js:</p>
  
  <pre><code>$('.s1').val(97).trigger('change');
  </code></pre>
  
  <p>It seems like making that trigger add the value in an animated way rather than just snapping it should be a simple fix, but I keep breaking it, being pretty new to javascript.  </p>
  
  <p><strong>Can anyone tweak this (or already know of a fix) that makes this simple plugin animate it's change for read only knobs?</strong></p>