Linear animation circular progress bar


I’m having issues with a circular progression bar which I want a smooth animation for but it keeps appearing staggered. The start of the animation is On click, and all animations after is After delay(1ms). The animation itself is set to linear(300ms).

I want to use it as a score indicator that becomes 30% filled if the score is 3/10.
I’ve made a file which contains the components with variants:

Many thanks!

Hi there,

Thanks for the post. I think you can utilize masks to achieve the progress bar. You can take a look at this file from Community:

I think you can customize it! I hope it helps.