Progress Ring
SVG circular progress indicator. Server-rendered with correct stroke-dashoffset.
primitive progress-ring
Controls
value
variant
size
Current props
value: ""variant: ""size: ""
Usage
primitive.ProgressRing(primitive.ProgressRingProps{
Value: 72,
Size: 80,
Thickness: 8,
Label: "72%",
Variant: primitive.ProgressSuccess,
})All combinations (60)
Enum controls only · bool and text use defaults
Props
| Name | Type | Options | Default |
|---|---|---|---|
value | enum | 0, 25, 50, 72, 100 | 72 |
variant | enum | , success, warning, danger | |
size | enum | 48, 72, 96 | 72 |