How to animate such a round progressbar?

Question

css

It is necessary that the orange progress line at the
first circle scrolls and stops at 90 degrees (without making full turns),
at the second circle it scrolls 2 full revolutions, and the 3rd revolution stops somewhere at 45 degrees
and at the third circle it scrolls 10 full revolutions.
Maybe there is another css implementation for a similar animation?
PS plugins don't fit
Here is the code
https://codepen.io/catcliff/pen/WNbJBjz?editors=1100

Answer 1

Add // -- vars $progress : 45;
You need to find this line and add a variable to it:

&.progress-90 {
    @include draw-progress($progress, #e67e22);
  }

Then create animation and change through keyframes