Scroll Progress

A spring-smoothed bar that tracks document scroll.

scroll-progress.tsx

Place it in a fixed bar and it fills as the page scrolls.

Installation

bash

npx shadcn@latest add https://ui.noicess.fun/r/scroll-progress.json

Prop	Type	Default	Description
stiffness	number	120	Spring stiffness.
damping	number	25	Spring damping.
className	string	-	Height, color, and position of the bar.