Component

ProgressBar

Package version

9.61.5

React version

18.3.1

Environment

System:
    OS: Windows 11 10.0.26100
    CPU: (16) x64 AMD EPYC 7763 64-Core Processor                
    Memory: 38.92 GB / 63.95 GB
  Browsers:
    Edge: Chromium (134.0.3124.93)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    @fluentui/react-components: ^9.61.5 => 9.61.5 
    @types/react: ^18.3.12 => 18.3.12 
    @types/react-dom: ^18.3.1 => 18.3.1 
    react: ^18.3.1 => 18.3.1 
    react-dom: ^18.3.1 => 18.3.1

Current Behavior

The indeterminate progress bar does not animate when prefers-reduced-motion is set to reduce in V9.

Relevant issue: relevant issue: https://github.com/microsoft/fluentai/pull/912

Expected Behavior

The indeterminate progress bar animates in all situations

Reproduction

https://stackblitz.com/run?file=src%2Fexample.tsx

Steps to reproduce

run basic component when reduced motion is enabled. (the repro is taken directly from the docs: https://react.fluentui.dev/?path=/docs/components-progressbar--docs#indeterminate

Are you reporting an Accessibility issue?

None

Suggested severity

Medium - Has workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.