Logo

Voxlet UI

Scroll Progress

A scroll progress indicator that visually tracks page scroll with a circular progress bar.

Progress
0%

Scroll to see progress

Installation

Install this component and its dependencies with a single command.

npx shadcn@latest add https://ui.voxletstudio.com//r/scroll-progress.json

Once your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/scroll-progress

ScrollProgressProps

PropTypeDefaultDescription
classNamestringundefinedOptional custom class names for styling.
Brought to you by Voxlet Studio