From d1504737093d55b62944314a6732dc28db2e924d Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 18:55:30 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feature:=20ProgressBar=20component?=
 =?UTF-8?q?=20added?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/progressbar/VProgressBar.vue | 30 +++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/progressbar/VProgressBar.vue

diff --git a/src/components/progressbar/VProgressBar.vue b/src/components/progressbar/VProgressBar.vue
new file mode 100644
index 0000000..3c88c1d
--- /dev/null
+++ b/src/components/progressbar/VProgressBar.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import ProgressBar from 'primevue/progressbar';
+import type IVProgressBar from './IVProgressBar.type';
+import { computed } from 'vue';
+
+const props = withDefaults(defineProps<IVProgressBar>(), {
+    value: 0,
+    showValue: false,
+    indeterminate: false,
+    small: false,
+});
+
+const mode = computed(() => (props.indeterminate ? 'indeterminate' : 'determinate'));
+</script>
+
+<template>
+  <ProgressBar
+    :mode="mode"
+    :value="props.value"
+    :show-value="props.showValue && !props.small"
+    :class="['p-progressbar', {small: props.small}]"
+    style="width: 100%;"
+  >
+  <slot/>
+  </ProgressBar>
+</template>
+
+<style lang="css" scoped>
+.p-progressbar.small {--p-progressbar-height: 0.5rem;}
+</style>