Add transition to .progress-bar

- Pulls in values from v3
- Closes #22371 which didn't use a transition include

diff --git a/scss/_progress.scss b/scss/_progress.scss
index ccca51e8de218b424f45e59433fe6ee3f2d78318..66571843cd52e7f9ab61e4ad896b273e6dce2908 100644 (file)
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -18,6 +18,7 @@
   line-height: $progress-height;
   color: $progress-bar-color;
   background-color: $progress-bar-bg;
+  @include transition($progress-bar-transition);
 }
 
 .progress-bar-striped {

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 3af5205a4200546ae1e0ae6a514027a6d67b9b7d..beb8b9c1314c7a05975abfb24fd49064169bd865 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -828,6 +828,7 @@ $progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
 $progress-bar-color:            $white !default;
 $progress-bar-bg:               $brand-primary !default;
 $progress-bar-animation-timing: 1s linear infinite !default;
+$progress-bar-transition:       width .6s ease !default;
 
 // List group