diff --git a/components/lib/progressbar/style/ProgressBarStyle.js b/components/lib/progressbar/style/ProgressBarStyle.js
index 967f14074..67e3f2a6c 100644
--- a/components/lib/progressbar/style/ProgressBarStyle.js
+++ b/components/lib/progressbar/style/ProgressBarStyle.js
@@ -9,7 +9,7 @@ const classes = {
         }
     ],
     container: 'p-progressbar-indeterminate-container',
-    value: 'p-progressbar-value p-progressbar-value-animate',
+    value: 'p-progressbar-value',
     label: 'p-progressbar-label'
 };
 
diff --git a/components/lib/themes/primeone/base/progressbar/index.js b/components/lib/themes/primeone/base/progressbar/index.js
index 5ec6fdec7..549547c79 100644
--- a/components/lib/themes/primeone/base/progressbar/index.js
+++ b/components/lib/themes/primeone/base/progressbar/index.js
@@ -32,16 +32,13 @@ export default {
     align-items: center;
     justify-content: center;
     overflow: hidden;
+    transition: width 1s ease-in-out;
 }
 
 .p-progressbar-determinate .p-progressbar-label {
     display: inline-flex;
 }
 
-.p-progressbar-determinate .p-progressbar-value-animate {
-    transition: width 1s ease-in-out;
-}
-
 .p-progressbar-indeterminate .p-progressbar-value::before {
     content: "";
     position: absolute;