Short post describing how to use CSS's animation-timeline to add a reading progress indicator to webpages so that users can see how far through the page they've scrolled
    • orca@orcas.enjoying.yachts
      3·
      27 days ago

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

  • CandleTiger@programming.dev
    3·
    27 days ago

    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.