Scroll Progress
A fixed progress bar component that indicates page scroll progress with a gradient color effect.

- Library
- Animations (Svelte)
- Framework
- Svelte
- Type
- block
- License
- MIT
- Dependencies
- motion-sv
- Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/scroll-progress.json- Files
src/lib/components/magic/scroll-progress/scroll-progress.sveltesrc/lib/components/magic/scroll-progress/index.tssrc/lib/utils.ts
- Source
- https://github.com/SikandarJODD/animations
Categories
- Feedback Components
- Svelte Feedback Components
- Tailwind CSS Feedback Components
- Animated Feedback Components
- Progress Components
- Tailwind CSS Progress Components
- Animated Progress Components
- Progress Bar Components
- Tailwind CSS Progress Bar Components
- Animated Progress Bar Components
- Scroll Progress Components
- Tailwind CSS Scroll Progress Components