Progress Bar Gradient?

Hi, is there a way that I can have the fill part of the progress circle element to hve a gradient? I’ve tried using CSS as well as binding javascript and using copilot but I just can’t seem to figure it out. Any help would be appreciated.

Here’s an example of what I’m trying to achieve:

1 Like

The common solution for this type of task is to have some combined elements.

I’ll give you a hint: you have a green circle, a 1/4 sector with a radial gradient behind it and a white rounded snake (or sausage) over it. Try to make more positions in Figma and you will see the solution.