Animated Circular Progress Bar

A circular progress bar component with animated transitions between primary and secondary colors.

Library

Animations (Svelte)

Framework

Svelte

Type

block

License

MIT

Install

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/animated-circular-progress-bar.json

Files

• src/lib/components/magic/animated-circular-progress-bar/animated-circular-progress-bar.svelte
• src/lib/components/magic/animated-circular-progress-bar/index.ts
• src/lib/utils.ts

Source

https://github.com/SikandarJODD/animations

Categories

• Feedback Components
• Svelte Feedback Components
• Tailwind CSS Feedback Components
• Progress Components
• Tailwind CSS Progress Components
• Progress Circle Components
• Tailwind CSS Progress Circle Components

More from Animations (Svelte)

• Scroll Progress
• Animated Background
• Animated Beam
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Animated Theme Toggler
• Arc Timeline
• Aurora Text
• Avatar Circles
• Backlight