diff --git a/src/components/misc/ProgressBar.story.vue b/src/components/misc/ProgressBar.story.vue
new file mode 100644
index 0000000000..348be7e297
--- /dev/null
+++ b/src/components/misc/ProgressBar.story.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/misc/ProgressBar.vue b/src/components/misc/ProgressBar.vue
new file mode 100644
index 0000000000..d379540f29
--- /dev/null
+++ b/src/components/misc/ProgressBar.vue
@@ -0,0 +1,163 @@
+
+
+
+
+
+
+
diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 9d5639be7e..c5f5f7afbb 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -16,14 +16,12 @@
ref="filesRef"
type="file"
/>
-
+ :value="attachmentService.uploadProgress * 100"
+ is-primary
+ />