Progress changelog
2026-10-23: Side-by-side status and percentage examples use Frame single-line composition and Text truncation with full-text access. Progress updates, circles and indeterminate states remain unchanged; documentation and examples only.
2026-09-21: Aligned the usage guide, source Prop table, and Site / AI reading entry. Documentation only; component behavior is unchanged.
v1.1.2 (2026-07-12)
For circle and indeterminate states, the default size and thickness now match Spinner: 16px and 15% of size (2.4px). Determinate line thickness remains 4px.
v1.1.1 (2026-07-12)
Thickness was briefly unified at 4px; v1.1.2 then reverted circle and indeterminate states to Spinner geometry.
v1.1.0 (2026-07-04)
Circle gained a built-in
showLabelmode, disabled by default. It generates Text internally with default typography of 12px / 16px.Added
parts.Text; explicit children replace the built-in label.Line retains explicit label composition so the layout semantics of a title, status, and percentage remain open.
The default circle indeterminate size and thickness match Spinner circle: 16px and a 15% ring width.
v1.0.1 (2026-06-02)
An empty direct child
as="label"displays the live value automatically.Default label typography changed to 12px / 16px.
v1.0.0 (2026-06-01)
Added linear and circular Progress, flexible sizes, shared thickness, flexible labels, semantic colors, and indeterminate motion.
The linear label area fills available width by default. For content at opposite ends, an external label Frame must explicitly use
row class="justify-between".