diff --git a/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss b/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss
index 6f73edc274..57b61b83fd 100644
--- a/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss
+++ b/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss
@@ -53,6 +53,7 @@ $-progress-bar-height: sage-spacing(xs);
 }
 
 .sage-progress-bar__animate {
+  transition: 1s width ease;
   animation: 3s sage-progress-bar--slide ease;
 }