3
3 Comments

Lightweight, JS-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/

on May 15, 2023
  1. 1

    Clever indeed! Love the fact it doesn't use JS. Might use this in one of my upcoming Ghost themes :)

    1. 2

      Do that and don't forget to share!

  2. 1

    This comment was deleted 3 years ago