Area
React Components (@fluentui/react-components)
Describe the feature that you would like added
The v9 ProgressBar does not natively support a label or description, unlike v8's ProgressIndicator which had built-in label and description props. Currently, consumers must wrap ProgressBar in a Field component and manually wire:
Title → Field.Label
Description → Field.ValidationMessage
This is cumbersome and error-prone, especially for accessibility - the correct aria-labelledby association must be manually constructed.
Proposed solution: Add optional label and description slots to ProgressBar, similar to how Field wraps Input. This would ensure:
Correct semantic HTML structure out of the box
Automatic aria-labelledby / aria-describedby associations
Additional context
this was supported in v8
Have you discussed this feature with our team
No response
Validations
Priority
Low
Area
React Components (@fluentui/react-components)
Describe the feature that you would like added
The v9 ProgressBar does not natively support a label or description, unlike v8's ProgressIndicator which had built-in label and description props. Currently, consumers must wrap ProgressBar in a Field component and manually wire:
Title → Field.Label
Description → Field.ValidationMessage
This is cumbersome and error-prone, especially for accessibility - the correct aria-labelledby association must be manually constructed.
Proposed solution: Add optional label and description slots to ProgressBar, similar to how Field wraps Input. This would ensure:
Correct semantic HTML structure out of the box
Automatic aria-labelledby / aria-describedby associations
Additional context
this was supported in v8
Have you discussed this feature with our team
No response
Validations
Priority
Low