Reading Progress Demo

1import { ReadingProgress } from "@/registry/loomui/reading-progress"
2 
3export default function ReadingProgressDemo() {
4  return (
5    <div className="w-full max-w-md text-center">
6      {/* Really pinned to the top of the viewport, not to this preview. */}
7      <ReadingProgress thickness={3} />
8      <p className="text-muted-foreground text-sm">
9        The bar is live at the very top of this page. Scroll and it fills.
10      </p>
11    </div>
12  )
13}