Components · Web
ScrollProgress
Thin reading-progress bar at the top of the page.
Web · Astro · macromath_web
A thin bar at the top of the page that fills as the user scrolls, giving a sense of
reading progress. Purely decorative (aria-hidden).
Usage
---
import ScrollProgress from '../components/layout/ScrollProgress.astro';
---
<ScrollProgress />No props. The width of #scroll-progress is updated by a script based on the scroll
position.