for customize progress circle you work on something like this Progress Ring
hope it helps !!
https://progresscircle.mxapps.io/p/Playground has no parameter for changing colors. Even the demo under Behavior=>Different colors only shows grey.
Since you will probably need to change it client-side: here is an example in front-end coding: https://codepen.io/cssgrid/pen/GMNgEa
Alternative to a progress bar you can use a Gauge meter.