Scroll Progress

A reading progress bar that fills as the page scrolls, with CSS scroll-driven animations and no JavaScript.

pnpm dlx shadcn@latest add "https://kevingirelli.github.io/corsair-ui/r/scroll-progress.json"

Scroll Progress – shadcn/ui Component by corsair-ui | shadcnregistry

A reading progress bar that fills as the page scrolls, with CSS scroll-driven animations and no JavaScript.

pnpm dlx shadcn@latest add "https://kevingirelli.github.io/corsair-ui/r/scroll-progress.json"

components/ui/scroll-progress.tsx