only in patch2:
unchanged:
--- a/core/profiles/demo_umami/themes/umami/css/classy/components/progress.css
+++ b/core/profiles/demo_umami/themes/umami/css/classy/components/progress.css
@@ -18,10 +18,6 @@
   margin-top: -1px;
   margin-left: -1px; /* LTR */
   padding: 0 1px;
-  -webkit-transition: width 0.5s ease-out;
-  transition: width 0.5s ease-out;
-  -webkit-animation: animate-stripes 3s linear infinite;
-  -moz-animation: animate-stripes 3s linear infinite;
   border: 1px #07629a solid;
   border-radius: 10em;
   background: #057ec9;
@@ -36,9 +32,6 @@
 [dir="rtl"] .progress__bar {
   margin-right: -1px;
   margin-left: 0;
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  animation-direction: reverse;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -53,6 +46,17 @@
 /**
  * Progress bar animations.
  */
+.progress__bar--animate {
+  -webkit-animation: animate-stripes 3s linear infinite;
+  -moz-animation: animate-stripes 3s linear infinite;
+  animation: animate-stripes 3s linear infinite;
+  -webkit-transition: width 0.5s ease-out;
+  transition: width 0.5s ease-out;
+}
+[dir="rtl"] .progress__bar--animate {
+  -webkit-animation-direction: reverse;
+  animation-direction: reverse;
+}
 @-webkit-keyframes animate-stripes {
   0% { background-position: 0 0, 0 0; }
   100% { background-position: 0 0, -80px 0; }
only in patch2:
unchanged:
--- a/core/tests/Drupal/KernelTests/Core/Theme/ConfirmClassyCopiesTest.php
+++ b/core/tests/Drupal/KernelTests/Core/Theme/ConfirmClassyCopiesTest.php
@@ -705,7 +705,7 @@ protected function getClassyHash($type, $file) {
         'more-link.css' => 'b2ebfb826e035334340193b42246b180',
         'node.css' => '81ea0a3fef211dbc32549ac7f39ec646',
         'pager.css' => 'd10589366720f9c15b66df434baab4da',
-        'progress.css' => '5147a9b07ede9f456c6a3f3efeb520e1',
+        'progress.css' => 'f673e2f890d12094fa2c5f9911f80552',
         'search-results.css' => 'ce3ca8fcd54e72f142ba29da5a3a5c9a',
         'tabledrag.css' => '98d24ff864c7699dfa6da9190c5e70df',
         'tableselect.css' => '8e966ac85a0cc60f470717410640c8fe',
only in patch2:
unchanged:
--- a/core/themes/bartik/css/classy/components/progress.css
+++ b/core/themes/bartik/css/classy/components/progress.css
@@ -18,10 +18,6 @@
   margin-top: -1px;
   margin-left: -1px; /* LTR */
   padding: 0 1px;
-  -webkit-transition: width 0.5s ease-out;
-  transition: width 0.5s ease-out;
-  -webkit-animation: animate-stripes 3s linear infinite;
-  -moz-animation: animate-stripes 3s linear infinite;
   border: 1px #07629a solid;
   border-radius: 10em;
   background: #057ec9;
@@ -36,9 +32,6 @@
 [dir="rtl"] .progress__bar {
   margin-right: -1px;
   margin-left: 0;
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  animation-direction: reverse;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -53,6 +46,17 @@
 /**
  * Progress bar animations.
  */
+.progress__bar--animate {
+  -webkit-animation: animate-stripes 3s linear infinite;
+  -moz-animation: animate-stripes 3s linear infinite;
+  animation: animate-stripes 3s linear infinite;
+  -webkit-transition: width 0.5s ease-out;
+  transition: width 0.5s ease-out;
+}
+[dir="rtl"] .progress__bar--animate {
+  -webkit-animation-direction: reverse;
+  animation-direction: reverse;
+}
 @-webkit-keyframes animate-stripes {
   0% { background-position: 0 0, 0 0; }
   100% { background-position: 0 0, -80px 0; }
only in patch2:
unchanged:
--- a/core/themes/seven/css/classy/components/progress.css
+++ b/core/themes/seven/css/classy/components/progress.css
@@ -18,10 +18,6 @@
   margin-top: -1px;
   margin-left: -1px; /* LTR */
   padding: 0 1px;
-  -webkit-transition: width 0.5s ease-out;
-  transition: width 0.5s ease-out;
-  -webkit-animation: animate-stripes 3s linear infinite;
-  -moz-animation: animate-stripes 3s linear infinite;
   border: 1px #07629a solid;
   border-radius: 10em;
   background: #057ec9;
@@ -36,9 +32,6 @@
 [dir="rtl"] .progress__bar {
   margin-right: -1px;
   margin-left: 0;
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  animation-direction: reverse;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -53,6 +46,17 @@
 /**
  * Progress bar animations.
  */
+.progress__bar--animate {
+  -webkit-animation: animate-stripes 3s linear infinite;
+  -moz-animation: animate-stripes 3s linear infinite;
+  animation: animate-stripes 3s linear infinite;
+  -webkit-transition: width 0.5s ease-out;
+  transition: width 0.5s ease-out;
+}
+[dir="rtl"] .progress__bar--animate {
+  -webkit-animation-direction: reverse;
+  animation-direction: reverse;
+}
 @-webkit-keyframes animate-stripes {
   0% { background-position: 0 0, 0 0; }
   100% { background-position: 0 0, -80px 0; }