This project is not maintained anymore. You can still view and search the archives.

wdrl.
  • Archive
  • Evergreen
  • About
  • Contribute

CSS only scroll indicator

Hi, I’m Anselm Hannemann, a freelance Frontend Developer and Engineering Manager. You can hire me. I wrote WDRL for 10 years and have a a Market Garden as a side-business.

Profile photo of the author, Anselm Hannemann

This link appeared in WDRL 148 on 05.08.2016.

CSS only scroll indicator

For long articles, a scroll indicator can be very useful to indicate the reading progress. Most people use some sort of JavaScript code to do this (which is calculation-expensive); some people, however, find clever tricks to do it with CSS. The CSS-only scroll indicator by Mike Riethmuller is an awesome show-off of using gradients, viewport units and a pseudo-element.

This link is marked as "Evergreen" and appeared in the 2016 Yearbook.

Profile photo of the author, Anselm Hannemann

Other projects

  • Hire me as Developer or Scrum Master
  • My food produce CSA

Sitemap

  • Privacy Policy
  • RSS
  • Donate
  • About
  • Testimonials

Legal

© 2026 and made by
Anselm Hannemann
Hofmark 14
82393 Iffeldorf
Germany
mail@wdrl.info