Skip to main content
CSS Tip

Circular progress using scroll-driven animations

Transforming the native progress element into a circular one.

CSS-only circular progress element

It's a Chrome-only experimentation:

See the Pen Circular progress element using scroll-driven animation by Temani Afif (@t_afif) on CodePen.