How to make a circular progress bar?

Design help General
1

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.

2

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.

3

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