title: How to draw multiple arc in single dial using jquery knob?
body: <p>I would like to have multiple arc in single dial using <a href="https://github.com/aterrien/jQuery-Knob" rel="nofollow noreferrer">jquery knob</a>. Is it possible? See below image.</p>
  
  <p><img src="https://i.stack.imgur.com/s5P09.png" alt="Multi arc"></p>
  
  <p>The code I have tried so far.</p>
  
  <pre><code>$(".dial").knob({
                  'readOnly': true,
                  'displayPrevious': true,
                  change : function (value) {
                      //console.log("change : " + value);
                  },
                  release : function (value) {
                      console.log("release : " + value);
  
                      //need to out some logic here
                  },
                  cancel : function () {
                      console.log("cancel : " + this.value);
                  },
                  draw : function () {
                      $(this.i).val(this.cv + '%');
                  }
              });
  
              $('.dial').val(10).trigger('change');
  </code></pre>
  
  <p><strong>I am open to use other jquery library or solutions also.</strong></p>