title: percircle doesn't update percentage value dynamically
body: <p>The circle updates the progress bar color, but not the percentage value. For example, having set my html like:</p>
  
  <pre><code>&lt;div id="bluecircle" data-percent="25" class="big"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I would then (after a specific event - i.e. button click) like to update percircle's value (and the bar's percentage, of course).</p>
  
  <p>However, trying to update <code>bluecircle</code>'s percentage value like below, doesn't work:</p>
  
  <pre><code>$("#bluecircle").percircle({
      percent: 95.5,
      progressBarColor: "#3b8e39"
  });
  </code></pre>
  
  <p>Even this code will not provide the desired result:</p>
  
  <pre><code> $("#bluecircle").percircle({
       text: "95.5",
       percent: 95.5,
       progressBarColor: "#3b8e39"
   });
  </code></pre>
  
  <p>This is what it produces, instead:</p>
  
  <p><a href="https://i.stack.imgur.com/d1S7s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/d1S7s.png" alt="enter image description here"></a></p>
  
  <p><em>Here are the examples of the project itself:  <a href="https://github.com/toubou91/percircle" rel="nofollow noreferrer">https://github.com/toubou91/percircle</a></em></p>