Note: The scroll progress is shown below the navbar of the page.
Magic UI is a collection of re-usable components that you can copy and paste into your web apps. It primarily features components, blocks, and templates geared towards creating landing pages and user-facing marketing materials.
Installation
npx shadcn@latest add "https://magicui.design/r/scroll-progress"Props
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | The class name to be applied to the component | - |
The ScrollProgress component also accepts all properties of the HTMLDivElement type.
Credits
- Credit to dipesh_the_dev