Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Scroll Progress

scroll-progress

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.

@iconiqRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

4 other registries

Similar components

Other registries' take on scroll-progress.

Scroll Progress
a@abui
Component
Scroll Progress
m@magicui
Component
Scroll Progress
p@pulld
Component
Scroll Progress
s@smoothui
Component
@iconiq

More from @iconiq

All 40 items
Progress (Radix UI)
r-progress
Component
Slider (Radix UI)
r-slider
Component
Toggle (Radix UI)
r-toggle
Component
Rolling Digits
rolling-digits
Component
Skeleton
skeleton
Component
Spinner
spinner
Component
Text Inertia
text-inertia
Component
Avatar (Base UI)
b-avatar
Component