Scroll
Scroll progress
An iridescent reading-progress bar for the page or for a single article.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { ScrollProgress } from '@vizzele/react';
<ScrollProgress /> {/* whole page */}
<ScrollProgress target={articleRef} /> {/* one article */}Props
| Prop | Type | Default | Description |
|---|---|---|---|
target | RefObject<HTMLElement> | — | Track an element instead of the page. |
container | HTMLElement | Window | window | Scroll root. |
Accessibility
- role="progressbar" with aria-valuenow in percent.