Issue #2940012 by John Cook, rachel_norfolk, abhisekmazumdar, andrewmacpherson, alexpott: Use prefers-reduced-motion media query on batch progress bar

core/.stylelintrc.json

@@ -10,6 +10,9 @@
     "no-descending-specificity": null,
     "no-duplicate-selectors": null,
     "no-unknown-animations": true,
+    "media-feature-name-no-unknown": [true, {
+      "ignoreMediaFeatureNames": ["prefers-reduced-motion"]
+    }],
     "number-leading-zero": "always",
     "plugin/no-browser-hacks": [true, {
       "browsers": [

core/themes/classy/css/components/progress.css

@@ -41,6 +41,15 @@
   -moz-animation-direction: reverse;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .progress__bar {
+    -webkit-animation: none;
+    -moz-animation: none;
+    -webkit-transition: none;
+    transition: none;
+  }
+}
+
 /**
  * Progress bar animations.
  */