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>