You probably have seen those small bars that indicate how far within the article or page you've read. They grow as you scroll down the page. But did you know that they can be developed using only CSS? That's the magic of scroll-driven animations!
For a more detailed video explaining the process and how it works, check this other video I published today: https://www.youtube.com/watch?v=0DE-saPwqqo
To check the source code and a live demo, visit https://codepen.io/alvaromontoro/pen/OJrjRqG
---
Music credit: Smile, by Bensound.
