Visual scroll indicators that show reading progress. Scroll down to see the bar fill!
The default implementation shows a horizontal bar at the top of the page.
Place the progress bar at the bottom of the viewport.
Change the progress bar color to match your design.
Adjust the height for more or less prominence.
Display scroll progress as a vertical bar on the left edge.
Display scroll progress on the right edge instead.
Keep scrolling to see the progress bar grow...
Almost there...
You've reached the bottom! The progress bar should be at 100%.