Motion

ScrollProgress

A thin bar that fills as the page scrolls. Pure CSS scroll timeline; hidden where unsupported or when motion is reduced. Here it sits at the top of the demo frame.

Import: import { ScrollProgress } from "@teralith/ui"
Source: packages/ui/src/primitives/ScrollProgress.tsx
Used in: Clinic: Every page
Cinematic: Every page

Scroll the page and watch the line at the top of this frame