diff --git a/src/core/components/progress-bar/progress-bar.scss b/src/core/components/progress-bar/progress-bar.scss
index 7937c4595..9d9587029 100644
--- a/src/core/components/progress-bar/progress-bar.scss
+++ b/src/core/components/progress-bar/progress-bar.scss
@@ -47,6 +47,7 @@
         &[value]::-webkit-progress-value {
             background-color: var(--progressbar-color);
             border-radius: var(--height);
+            transition: width 500ms ease-in-out;
         }
     }