Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

19.0k
234

Scroll Progress

PreviousNext

Animated Scroll Progress for your pages

Installation

pnpm dlx shadcn@latest add @magicui/scroll-progress

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