title: Change Color using JQuery
body: <p>Currently I am doing as portal whereby the chart is not change the color when reaching 70% utilization.</p>
  
  <p>I tried to apply "If" statement unfortunately not reflect at my chart.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="progress-box text-center"&gt;
    &lt;input type="text" class="knob dial1" value="66" data-width="120" data-height="120" data-thickness="0.40" data-fgColor="" readonly&gt;
    &lt;h5 class="text-blue padding-top-10 weight-500"&gt;Central&lt;/h5&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('.dial1').attr('data-fgColor', '#11E117');
  $(".dial1").knob();
  
  $({
    animatedVal: 0
  }).animate({
    animatedVal: 66
  }, {
    duration: 3000,
    easing: "swing",
    step: function() {
      $(".dial1").val(Math.ceil(this.animatedVal)).trigger("change");
    }
  });
  </code></pre>
  
  <p>The chart is able to change the color to red if the percentage reach 70% utilization.</p>