title: How to create a circular progress bar in pure QML+JS?
body: <p>My application is made using QML+JS and I am looking to create a circular progress bar widget. I can create the circle using a QML Rectangle and settings its radius equal to its width/2 to make it into a circle. How do I create a progress bar out of it?</p>
  
  <p>I am planning to implement the following mockup.</p>
  
  <p><img src="https://i.stack.imgur.com/0r5rO.png" alt="enter image description here"></p>