diff --git a/web/src/components/Step.vue b/web/src/components/Step.vue
new file mode 100644
index 00000000..dd22fd10
--- /dev/null
+++ b/web/src/components/Step.vue
@@ -0,0 +1,33 @@
+<template>
+    <div class="step flex items-center mb-4">
+      <div class="checkbox flex items-center justify-center w-6 h-6 rounded border border-gray-300 mr-2">
+        <i data-feather
+          v-if="done"
+          name="check"
+          class="text-green-500 w-4 h-4"
+        ></i>
+      </div>
+      <div class="content flex-1">{{ message }}</div>
+      <div class="loader w-6 h-6 border-t-4 border-b-4 border-blue-500 rounded-full animate-spin" v-if="!done"></div>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    props: {
+      done: {
+        type: Boolean,
+        required: true
+      },
+      message: {
+        type: String,
+        required: true
+      }
+    }
+  };
+  </script>
+  
+  <style>
+ 
+  </style>
+  
\ No newline at end of file