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 Examples1 month ago Progress Component1 month ago Progress Library: Animation and Control Examples1 month ago Progress Library: Visual Style Examples1 month ago Progress Library1 month ago Result Component1 month ago Step Component: How to Use Data and Customize Styles1 month ago Step Component1 month 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.