Progress
Fine Clay style progress bar component with thick borders and tactile fill effect.
Basic Progress
Different Values
With Percentage Text
68%
Animated Loading
0%
Striped Effect
Animated stripe pattern for active loading states
Gradient Effect
With Ticks
6/10 Lessons
0510
Bouncy Animation
Clay-like bouncy animation using Framer Motion
0%
Different Colors
Customize fill color via className
Different Sizes
Status Indicators
Task Progress Example
Project Progress
Requirements
100%Development
75%Testing
45%File Upload Example
document.pdf
2.4 MB / 5.0 MB
Cloud Sync Example
Syncing to cloud...
124 files remaining
348/536 files uploaded65%