Scroll Progress

ui

Ruler-style scroll indicator with tick marks that fill in as the page scrolls and a live percentage readout, dockable to either side or bottom corner of the viewport or a scrollable container.

pnpm dlx shadcn@latest add "https://iconiqui.com/r/scroll-progress.json"

Sign In

Scroll Progress

ui

Ruler-style scroll indicator with tick marks that fill in as the page scrolls and a live percentage readout, dockable to either side or bottom corner of the viewport or a scrollable container.

pnpm dlx shadcn@latest add "https://iconiqui.com/r/scroll-progress.json"

components/ui/scroll-progress.tsx