Scroll Progress

Top gradient bar that fills with scroll progress; bind it to any scroll container.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of Omit<React.ComponentProps<"div">, "children">

Prop	Type	Default	Description
scrollTarget	`React.RefObject<HTMLElement \| null>`	—	Scroll container to track; the window when omitted

$ npx shadcn@latest add https://chromotion.dev/r/scroll-progress.json