Presenting Sillybits Pro - Beautifully crafted templates to create stunning landing pages in no time.
Docs
Scroll Progress

Scroll Progress

Animated Scroll Progress for your pages

Note: The scroll progress is shown below the navbar of the page.

Installation

Usage

import { ScrollProgress } from "@/components/magicui/scroll-progress";
<ScrollProgress />

Props

PropTypeDefaultDescription
classNamestring-The class name to be applied to the component

The ScrollProgress component also accepts all properties of the HTMLDivElement type.

Credits