HNGlance

Top Best New Show

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

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

by KodingKitty • 3 years ago

2 1 3 years ago

KO

kodingkitty.com

Related Stories

Loading related stories...

Comments

1

KodingKitty• 3 years ago

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/

Source preview

kodingkitty.com

HNGlance

© 2024-2026 HN Glance. Story content belongs to its original sources.

Privacy
Terms