CSS Scrollbar With Progress Meter

Scrollbars are natural progress meters. How far the scrollbar is down or across is how much progress has been made scrolling through that element (often the entire page). But, they are more like progress indicators than meters, if you think of a meter as something that “fills up” as you go.

We can use some CSS trickery to make the scrollbar fill up as we go.

This will only work with -webkit- vendor-prefixed scrollbar-styling properties. In other words, these are … Read article “CSS Scrollbar With Progress Meter”

The post CSS Scrollbar With Progress Meter appeared first on CSS-Tricks.