Lightweight, JavaScript-free, reading progress bar – HTML and Tailwind only

Many operating systems and applications have recently taken pride in hiding scrollbar and other useful hints from users. All in the name of a design that supposedly shows the information just in time when users need it.

We don't judge such approaches. We just believe that in certain design situations, a simple, reading progress bar can be useful.

The following article shows how to create a simple reading progress bar with just 2 DIV elements and 1 clever trick.

https://www.kodingkitty.com/blog/progress-bar/