Animating Circle Progress Indicators for Autoplaying Tabs
ABOUT -
Circle Progress Indicators are such a fun way to keep a user engaged as more content loads. Watch as I make one using just Webflow animations.
See it live (desktop only)
https://j-playground.webflow.io/circl...
*I used Refokus' Automatic Tabs Booster. Find the documentation here:
https://www.webflow-tools.refokus.com...
CHAPTERS -
Chapter 01 | Intro - 00:00
Chapter 02 | Quick Tabs Component Overview - 01:17
Chapter 03 | Building the Circle Progress Indicator - 01:58
Chapter 04 | Making the Animation - 06:18
Chapter 05 | Syncing Timing with Refokus Autoplay Booster - 08:42
Chapter 06 | Closing Remarks - 10:31
ABOUT ME -
I'm an interactive designer and webflow developer at Whiteboard:
https://www.whiteboard.is/
Dribbble
https://dribbble.com/Jose_Ocando
Twitter
/ jaocando
