Lemmy.InButts.LOL
  • Communities
  • Create Post
  • heart
    Support Lemmy
  • search
    Search
  • Login
  • Sign Up
codeinabox@programming.dev to CSS@programming.devEnglish · 1 month ago

Using CSS to Add A Reading Progress Bar To My Site

www.bentasker.co.uk

external-link
message-square
4
link
fedilink
3
external-link

Using CSS to Add A Reading Progress Bar To My Site

www.bentasker.co.uk

codeinabox@programming.dev to CSS@programming.devEnglish · 1 month ago
message-square
4
link
fedilink
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
  • beelzebum@lemmy.world
    link
    fedilink
    arrow-up
    4
    ·
    1 month ago

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

    • orca@orcas.enjoying.yachts
      link
      fedilink
      arrow-up
      3
      ·
      1 month ago

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

CSS@programming.dev

css@programming.dev

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !css@programming.dev
Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 3 users / day
  • 25 users / week
  • 71 users / month
  • 284 users / 6 months
  • 1 local subscriber
  • 776 subscribers
  • 230 Posts
  • 164 Comments
  • Modlog
  • mods:
  • Ategon@programming.dev
  • BE: 0.19.15
  • Modlog
  • Legal
  • Instances
  • Docs
  • Code
  • join-lemmy.org