How to draw a circle and fills outside border with color


I was wondering if it’s possible to achieve that in CSS 2/3 (or if not possible, in JS).

In fact my wish is instead of having this as an image, is to set the percent of filled color with a class (or in js if it’s not possible)

enter image description here

Any tutorial/help is appreciated.



You can’t achieve this result with css. You have to use a canvas element and a javascript framework like

Answered By – QQping

Answer Checked By – Clifford M. (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.