diff --git a/core/src/components/progress-bar/progress-bar.scss b/core/src/components/progress-bar/progress-bar.scss
index 5e1ff446146..6e6f1781002 100644
--- a/core/src/components/progress-bar/progress-bar.scss
+++ b/core/src/components/progress-bar/progress-bar.scss
@@ -130,6 +130,8 @@
   right: -8px;
 
   left: unset;
+
+  transition: width 150ms linear;
   /* stylelint-enable property-blacklist */
 
   background: radial-gradient(ellipse at center, var(--buffer-background) 0%, var(--buffer-background) 30%, transparent 30%) repeat-x 5px;