Summary
Update `` to implement the PatternFly v6 Progress component.
Progress bar indicating completion percentage, with optional label, description, and status variants.
Prior Art
| Source |
Element |
Status |
| PFE v4 |
`` |
Exists |
| cem |
-- |
-- |
| cockpit |
-- |
-- |
| chickadee |
-- |
-- |
Requirements
- MUST implement PFv6 visual designs
- MUST provide end-user feature parity with `@patternfly/react-core` Progress
- MAY adjust element API to leverage web platform strengths
- SHOULD maintain CSS custom property theming compatibility
- SHOULD expose useful CSS shadow parts
Element-specific considerations
- React `value`, `min` (default 0), `max` (default 100)
- React `measureLocation`: `outside`, `inside`, `none` - controls label position
- React `status`: `success`, `warning`, `danger`, `info` - drives icon and color
- React `size`: `sm`, `lg` (default md)
- React `title` - visible label above bar; `aria-label` fallback when no title
- React `helperText` - text below bar (maps to `` or slot)
- React `truncate` on title - CSS only
- ARIA: `role="progressbar"`, `aria-valuenow`, `aria-valuemin`, `aria-valuemax`, `aria-label`/`aria-labelledby`
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship
Summary
Update `` to implement the PatternFly v6 Progress component.
Progress bar indicating completion percentage, with optional label, description, and status variants.
Prior Art
Requirements
Element-specific considerations
Checklist
Rename
Implementation
Demos
Tests
Reviews
Ship