Improve progress-bar-stripes animation (#28697)

- `background-position: 0 0;` is the default background position, so redundant
- The background position should only be animated in the x direction
- `0%` is a little shorter than `from`

diff --git a/scss/_progress.scss b/scss/_progress.scss
index 391081aa08ad3c7a940d62d0c084d8a0f6430e8f..f9700240ae7f736c7e89e29e58f3a2f3bb4b5c85 100644 (file)
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -1,8 +1,7 @@
 // Disable animation if transitions are disabled
 @if $enable-transitions {
   @keyframes progress-bar-stripes {
-    from { background-position: $progress-height 0; }
-    to { background-position: 0 0; }
+    0% { background-position-x: $progress-height; }
   }
 }