How to make a circular progress bar?

Please look at the video. This website has a horizontal scrolling and a circular progress bar with number. I couldn’t figure out how to do it in Webflow.

Hi Tahir,

I built this recently. There are a number of approaches, depending on what you need to accomplish. The best I’ve found for a general 0% - 100% circular progress indicator in Webflow is to use Webflow’s scrolling Interactions with a Lottie.

Some notes and references;

And a cloneable with video walkthroughs;

Your video link is not working however in your case since it sounds like you’re scrolling horizontally, you may have some differences to negotiate.

Thank you, Micheal. You really showed me how to do it and I found new resources to learn Webflow thanks to you. Appreciated.