Progress Library: Visual Style Examples
Category: ExamplesThe Progress component displays data loading status, task completion, or process tracking. It supports multiple variants including bar, full circle, semicircle, and large arc designs. The component offers various theme colors (including gradients), adjustable overall and track dimensions, and accepts any numeric progress value (not limited to percentages).
Progress Component: Property and Method Usage Examples7 months ago Progress Component7 months ago Progress Library: Animation and Control Examples7 months ago Progress Library: Visual Style Examples7 months ago Progress Library7 months ago Result Component7 months ago Step Component: How to Use Data and Customize Styles7 months ago Step Component7 months ago
Hide Track
Set parameter simple:true to remove the track for a minimalist style.
Track Thickness
All four types support multiple thickness levels via the size parameter:
Track Width
All four types support multiple widths via the width parameter:
Show Tips
By default only the progress value is shown.
Highlight Values
Custom Sizing
For line progress bars, control width via parent container.
Custom Text Placement
Use label.placement to position the result text anywhere.