Skip to content

fix(react-progress): add subtle animation for indeterminate progress bar when reduced motion mode is enabled #34667

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

dmytrokirpa
Copy link
Contributor

Previous Behavior

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

New Behavior

The indeterminate progress bar animates in all situations

Related Issue(s)

Copy link

github-actions bot commented Jun 17, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.264 MB
317.952 kB
1.264 MB
318.028 kB
380 B
76 B
react-progress
ProgressBar
17.202 kB
6.919 kB
17.582 kB
6.988 kB
380 B
69 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.779 kB
20.273 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
227.642 kB
65.909 kB
react-components
react-components: FluentProvider & webLightTheme
44.613 kB
14.641 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-timepicker-compat
TimePicker
110.646 kB
36.578 kB
🤖 This report was generated against 6ad03ce04b77a80226cff792d4fc5b42e905a73b

Copy link

Pull request demo site: URL

@@ -0,0 +1,7 @@
{
Copy link

@github-actions github-actions bot Jun 17, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 924 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 913 Changed
vr-tests-react-components/Skeleton converged 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Skeleton converged.Opaque Skeleton with square - Dark Mode.default.chromium.png 4 Changed

@dmytrokirpa dmytrokirpa marked this pull request as ready for review June 17, 2025 13:09
@dmytrokirpa dmytrokirpa requested a review from a team as a code owner June 17, 2025 13:09
@Hotell Hotell requested a review from mainframev June 18, 2025 12:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Indeterminate Progress Bar is not animated when reduced motion is enabled
1 participant