Animated Progress Circle in Figma

In this video i will show you a hack to create an animated progress ring or animated progress circle using figma. Watch and learn.

Some call it an animated circular progress bar in figma, but name makes no difference.

[pashionuchenna]

I enjoyed working with this, such a great insight, thanks.

[AkinsRealm]

Hi, nice to see workaround videos like this, actually I've created recently a similar tutorial, I was in search for the answer "how would you animate a circular progress bar that has a gradient" and since it'd be too hard to create a continuous gradient while animating two half screens, I had to animate the bg layers first (of course after carrying them to top) :)) And out of curiosity I was searching YouTube to see if there are any similar tutorials so found yours, great one!

[MuslimUmmaApp]

Can make video slide nevigation like bigo

[MrConway]

how can I get this progress ring to countdown in reverse?

[silverfox]

how can i do this if i want the circle to progress in thirds, not in half?

[babatundeodeyemi]

Great 👍🏾 awesome content just stumbled on your channel.Love your accent where are you from ? Somewhere in east Africa I presume

[ioankirilov]

This is one complicated way to animate progression. In XD you can do this intuitively, in seconds.

[gokul_gk_]

Please raise your speaking volume the next time, tha k you!