Explore how to show infinite progress in reduced motion mode

[mjbvz]

In reduced motion mode today, we still use animations to show infinite progress bars and spinners. We should figure out a different way to indicate this to users in reduced motion without such a distracting animation

[mjbvz]

Possible references:

• chore: Add reduced-motion documentation to Spinner fluentui#25561
• Slow down spinners when prefers-reduced-motion: reduce twbs/bootstrap#31882

[isidorn]

fyi @meganrogge

[meganrogge]

Is there a reason we need animation when in reduced motion mode? If users find it distracting to see an animation, not sure changing the speed will help?

[daviddossett]

My read on this is that we need some way for progress indicators to still show progress when reduced motion mode is enabled. That may not involve any animation at all—but it does need to adapt somehow.

[daviddossett]

For @hbons - here's an example of the progress bar.

CleanShot.2023-03-22.at.10.13.13.mp4

We also occasionally show spinners in the status bar which may also need to be looked at.

CleanShot.2023-03-22.at.10.19.13.mp4

[hbons]

Here are a few experiments with reduced motion: https://jsfiddle.net/vjfou76c/

[VSCodeTriageBot]

We closed this issue because we don't plan to address it in the foreseeable future. If you disagree and feel that this issue is crucial: we are happy to listen and to reconsider.

If you wonder what we are up to, please see our roadmap and issue reporting guidelines.

Thanks for your understanding, and happy coding!