Build your own scroll depth progress bar in less than 5 minutes ⏱ 🎉

Easily build your own scroll depth progress bar that allows users see how far down a page or into an article they have read and how much content they have remaining. As mentioned in the video, I've used plugins to achieve this in the past and they seem to work just fine but there is no need with how simple this is to achieve.

✅ Javascript used in video can be found at the link below:

Happy building!

[adam-rickman]

Oh my gosh, how have I never known about the breakout mode. 🤯

[HackGBX]

You are really amazing!!! I've been looking for a tutorial for days!

[underbitestudio]

Hate to ask here again, but you’re definitely the most qualified person to ask…. Do you have a tutorial that shows how to hide/display a layout or section based on date, and the second part is displaying the most recent on another page?

I have a site displaying a list of upcoming events, with the next one displaying on the home page as well, and I’m looking for a better way than manually updating it each time…

Thanks in advance for any links or tips you might have 🙌