From 05f2958c7475631f93f84286d386dc80d191d371 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 20 Jun 2023 15:09:52 +0300
Subject: [PATCH] Refactor #3965 - Fixes for ProgressBar

---
 components/lib/progressbar/BaseProgressBar.vue | 7 ++++---
 components/lib/progressbar/ProgressBar.vue     | 6 +++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/lib/progressbar/BaseProgressBar.vue b/components/lib/progressbar/BaseProgressBar.vue
index 599ee33ea..24a4740d1 100644
--- a/components/lib/progressbar/BaseProgressBar.vue
+++ b/components/lib/progressbar/BaseProgressBar.vue
@@ -114,15 +114,16 @@ const styles = `
 `;
 
 const classes = {
-    root: ({ props, instance }) => [
+    root: ({ instance }) => [
         'p-progressbar p-component',
         {
             'p-progressbar-determinate': instance.determinate,
             'p-progressbar-indeterminate': instance.indeterminate
         }
     ],
-    value: ({ instance }) => (instance.determinate ? 'p-progressbar-value p-progressbar-value-animate' : 'p-progressbar-indeterminate-container'),
-    label: ({ instance }) => (instance.determinate ? 'p-progressbar-label' : 'p-progressbar-value p-progressbar-value-animate')
+    container: 'p-progressbar-indeterminate-container',
+    value: 'p-progressbar-value p-progressbar-value-animate',
+    label: 'p-progressbar-label'
 };
 
 const { load: loadStyle } = useStyle(styles, { id: 'primevue_progressbar_style', manual: true });
diff --git a/components/lib/progressbar/ProgressBar.vue b/components/lib/progressbar/ProgressBar.vue
index 5dab9bad9..9e7dbc00e 100755
--- a/components/lib/progressbar/ProgressBar.vue
+++ b/components/lib/progressbar/ProgressBar.vue
@@ -1,12 +1,12 @@
 <template>
-    <div role="progressbar" :class="cx('root')" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100" v-bind="ptm('root')" data-pc-name="progressbar">
+    <div role="progressbar" :class="cx('root')" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100" v-bind="ptm('root')">
         <div v-if="determinate" :class="cx('value')" :style="progressStyle" v-bind="ptm('value')">
             <div v-if="value != null && value !== 0 && showValue" :class="cx('label')" v-bind="ptm('label')">
                 <slot>{{ value + '%' }}</slot>
             </div>
         </div>
-        <div v-if="indeterminate" :class="cx('value')" v-bind="ptm('value')">
-            <div :class="cx('label')" v-bind="ptm('label')"></div>
+        <div v-if="indeterminate" :class="cx('container')" v-bind="ptm('root')">
+            <div :class="cx('value')" v-bind="ptm('value')"></div>
         </div>
     </div>
 </template>