Progress
Enhanced progress indicator with smooth animations, multiple variants, and real-time updates. Perfect for showing task completion, loading states, and data visualization.
Pro Features
Unlock advanced capabilities with the Pro version
Advanced Animations
Smooth transitions, gradient fills, and pulse effects
Smart Progress Tracking
Automatic ETA calculation and progress prediction
Milestone Markers
Visual indicators for important progress points
Progress Analytics
Track completion rates and performance metrics
Multiple Variants
Circular, linear, segmented, and custom shapes
Time Estimation
Smart algorithms for accurate time remaining
Installation
Install via CLI
moonui add progressUsage
Basic Usage
Pro Usage
Examples
Basic Progress
Different progress values
Variants
Different visual styles
Sizes
Different progress bar sizes
With Labels
Progress with value labels
Animated Progress
Progress with animation controls
Step Progress
Multi-step progress indicator
Installation Progress
Step 1 of 5File Upload
Progress for file uploads
document.pdf
2.4 MB
Real-time Metrics
Live updating progress bars
Gradient Progress Bars
Multiple gradient styles with smooth animations
Segmented Progress
Multi-step progress with interactive segments
Project Setup Progress
3 of 8 stepsCircular Progress
Circular progress indicators with gradients
Progress with Success States
Progress that shows completion animations and success states
Live Upload Progress
File upload queue with real-time progress tracking
File Upload Queue
Multi-channel Progress
Multiple progress bars tracking different metrics simultaneously
Network Performance Monitor
Performance Dashboard
System performance metrics with color-coded progress indicators
System Performance
Goal Tracking Progress
Progress towards goals with milestones and achievement indicators