import { ScrollProgress } from "@/components/godui/scroll-progress";
export function ScrollProgressCircle() {
return <ScrollProgress variant="circle" showAfter={0.05} />;
}Scroll this panel
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 1 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 2 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 3 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 4 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 5 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 6 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 7 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 8 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 9 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 10 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 11 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 12 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 13 of 14.
The progress indicator tracks this scroll container. Keep scrolling to watch it fill — paragraph 14 of 14.
Scroll Progress
import { ScrollProgress } from "@/components/godui/scroll-progress";// Whole-page reading barexport function ScrollProgressDemo() {return <ScrollProgress />;}