Progress

Progress has no keys of its own and is never focusable: a progressbar is not a control.

What axe won't catch, from the contract, each with how this component meets it:

• Everything the eye is told, the ear is told, for every shape each prop accepts: the eye gets the label, the figure and the fill's length; the ear the label as the name and the figure as aria-valuetext, which Base UI keeps the same text as the shown figure, or a fuller one from getAriaValueText. While indeterminate the eye gets the sweeping segment and no figure, the ear "In progress" in place of Base UI's English "indeterminate progress" (CR-5); under reduced motion the resting segment and the words carry it.
• Every landmark and named region has an accessible name: none here; the root is a progressbar, named by its label, not a landmark or region.
• Every default label can be overridden: inProgressLabel.
• Every shape the type accepts renders, in every variant: label is a ReactNode, and a string, a number, an element and a list each render in every status; value renders 0, min, max, a value outside the range (clamped), a fraction, null, NaN and Infinity (the last three indeterminate), which Progress.test.tsx renders each of.
• A hidden copy kept for animation is aria-hidden, and a collapsed region is inert: none here; the sweep moves one element, and nothing collapses. The figure is aria-hidden because aria-valuetext says it, not for animation.
• Native semantics first: no native element says "a task's progress" with Perron's look and Base UI's API (<progress> draws its own bar), so Base UI's role="progressbar" with its aria-value* attributes, and no ARIA of Perron's beyond the aria-valuetext of an indeterminate value.
• Focus moves in reading order and returns on close: Progress takes no focus and opens nothing.
• Every target is at least size.target-min square: no target; Progress is not pressed.
• Loops stop when the system asks for less motion: the indeterminate sweep, the one loop, stops inside @media (prefers-reduced-motion: reduce) in a rule for .pn-Progress-indicator[data-indeterminate] that sets its animation (CR-6); the fill's change is a transition over duration.meter, which the tokens shorten to 0.01 ms.

Every word Progress shows comes from the caller, through label, or from Base UI's formatting of the number, but for the one it announces while how far is not known.

The word heard while indeterminate is a new key inProgress, "In progress", rather than the existing loading ("Loading") or unknown ("Unknown"): a progress bar tracks exports and downloads as well as loads, so "Loading" would say more than the screen knows, and "Unknown" would tell the ear the task's state is unknown when only its share is; after the label it reads "Exporting the report, In progress". Agents write its Danish, Swedish and Norwegian in the locale files, and its JSDoc in packages/perron/src/locale/en.ts names Progress.

The figure's digits and percent sign carry no letter, so expectOwnedStrings passes them in every locale; Base UI's "x" it already skips, and Base UI's English "indeterminate progress" and "indeterminate" never reach the markup (CR-5).

For a caller using the component, with the reason. Each row is a rule: a must row's Don't is never right, a should row's needs a reason, and Checked by says what catches the Don't in a caller's code.