Progress Stepper

Horizontal step line (STEP 1 → STEP 2 → STEP 3) with animated fill bar.

Library

Amicro Micro Transitions

Framework

React

Type

component

License

MIT

Install

npx @subhanhq/amicro@latest add progress-stepper

Files

• src/components/CssAnimationsPage.tsx
• src/data/cssAnimationsData.ts
• src/components/IconSwap.tsx
• src/components/css-animations/Dock.tsx
• src/components/css-animations/physics/KineticTensionCapsule.tsx
• src/components/css-animations/physics/MatrixGridLoader.tsx
• src/components/css-animations/physics/AppleLoaders.tsx
• src/components/css-animations/physics/PaperFoldTrios.tsx

Source

https://github.com/Subhan-code/Amicro--Micro-transitions-

Categories

• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components
• Progress Components
• React Progress Components
• Tailwind CSS Progress Components
• Animated Progress Components

More from Amicro Micro Transitions

• App Icon Load
• Gear Tooth Step
• Progress Indicator
• Segmented Arc Meter
• Segmented Step Bar
• Segmented Stepper Dots
• Card Arc5
• Card Arc7
• Card Cascade Stagger
• Card Corner Fan
• Card Linear Spread
• Card Long Arc5