c/css · by codeinabox@programming.dev · 163d

Using CSS to Add A Reading Progress Bar To My Site

https://www.bentasker.co.uk/posts/documentation/general/adding-a-css-reading-progress-indicator.html

3 points · 4 comments · view on lemmy.world

4 Comments

beelzebum@lemmy.world · 4 pts · 163d (1 reply)

so you’re invented a scroll bar? Or did you break the scroll bar with some other CSS trick?

orca@orcas.enjoying.yachts · 3 pts · 162d

The trick is that it’s purely CSS using animation-timeline: scroll(y). Previous approaches for this had to lean on JS.

Itwasntme223@discuss.online · 3 pts · 163d

Interesting experiment. Didn't know CSS could do that.

CandleTiger@programming.dev · 3 pts · 162d

What is actually the attraction of reading progress indicators on webpages?

I get that it's fun to do active things with CSS instead of javascript, sure.

But aside from goofing off and/or tech demos -- is there a target audience who is excited and happy to have a progress bar on their pages and misses it when absent? I've been seeing this feature frequently and for me it's kind of annoying.