diff --git a/core/.stylelintrc.json b/core/.stylelintrc.json
index 5fc7258fb2819e8318fa51b36f35611495a594a9..d9d0ede9f52fbae052dbdbb5d16919297a402d2b 100644
--- a/core/.stylelintrc.json
+++ b/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": [
diff --git a/core/themes/classy/css/components/progress.css b/core/themes/classy/css/components/progress.css
index 5613a7f83b38d414410a337e5139cd6072ee20e4..9ea6deb508265dc957176f65d0cfc7673f08b70c 100644
--- a/core/themes/classy/css/components/progress.css
+++ b/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.
  */