CircularProgress

Animated

A circular SVG-based progress indicator with determinate and indeterminate modes. Supports multiple sizes (xs through xl), color variants (default, primary, success, warning, error), and optional label display. Group multiple rings with CircularProgressGroup for dashboard-style layouts.

Feedbackloadingringcirclepercentage

Variants

75%
100%
45%
20%

Sizes

60%
60%
60%

Indeterminate

Related Components