Scroll to watch the bar fill.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.

The scroll progress bar sits fixed at the top of the viewport, no matter how long your page is. It grows as your reader scrolls, giving quiet feedback on how much is left. Drop it once at the root of your layout and it just works.