diff --git a/src/assets/css/4-modules/encoding.css b/src/assets/css/4-modules/encoding.css
index 874ca0c..c79b469 100644
--- a/src/assets/css/4-modules/encoding.css
+++ b/src/assets/css/4-modules/encoding.css
@@ -63,6 +63,7 @@
 .encoding-progressBar__state {
   height: .5rem;
   background: linear-gradient(91.78deg, var(--color-primary) 0%,var(--color-secondary) 100%);
+  transition: 1s all ease-in-out;
 }
 
 .encoding-percent {