fix(progress bar afcl) allow disable values but keep progress, make bar smoother

Author: ivictbor

adminforth/spa/src/afcl/ProgressBar.vue

@@ -3,14 +3,12 @@
     <span class="absolute -top-6 left-0 text-sm text-gray-500">{{ leftLabel }}</span>
     <span class="absolute -top-6 right-0 text-sm text-gray-500">{{ rightLabel }}</span>
     <div 
-      class="bg-lightPrimary dark:bg-darkPrimary h-2.5 rounded-full" 
+      class="bg-lightPrimary dark:bg-darkPrimary h-2.5 rounded-full transition-all duration-300 ease-in-out"
       :style="{ width: `${percentage}%` }"
     ></div>
-    <template v-if="showValues">
-      <span class="absolute top-4 left-0 text-sm text-gray-500">{{ formatValue(minValue) }}</span>
-      <span v-if="showProgress" class="absolute top-4 right-1/2 translate-x-1/2 text-sm text-gray-500">{{ progressText }}</span>
-      <span class="absolute top-4 right-0 text-sm text-gray-500">{{ formatValue(maxValue) }}</span>
-    </template>
+    <span v-if="showValues" class="absolute top-4 left-0 text-sm text-gray-500">{{ formatValue(minValue) }}</span>
+    <span v-if="showProgress" class="absolute top-4 right-1/2 translate-x-1/2 text-sm text-gray-500">{{ progressText }}</span>
+    <span v-if="showValues" class="absolute top-4 right-0 text-sm text-gray-500">{{ formatValue(maxValue) }}</span>
   </div>
 </template>