DEV Community

Cover image for Fancy Progress Bar On Page Scroll
sameer8saini
sameer8saini

Posted on • Edited on

Fancy Progress Bar On Page Scroll

In this video, we will create a simple yet fancy scroll progress bar for your website using HTML, CSS and JavaScript.

Easily add this scroll bar into your HTML Website and let users know how much they have scrolled on the page and how much is left to be scrolled.

This is also a fun and cool way to let users know how much an article is left or a blog post is pending to be read.

Using the same principles this scroll progress bar could be extended for any number of purposes and designs.

HTML #CSS #Javascript #Tutorial

https://youtu.be/jpa7cinvS-Y

Top comments (0)