diff --git a/resources/assets/js/components/AdminProgressTrack.vue b/resources/assets/js/components/AdminProgressTrack.vue
new file mode 100644
index 00000000..e5217e78
--- /dev/null
+++ b/resources/assets/js/components/AdminProgressTrack.vue
@@ -0,0 +1,47 @@
+<template>
+    <el-row>
+        <el-steps v-bind:value="value" :active="value" :alignCenter="true" process-status="wait" finish-status="success">
+            <el-step title="Booking"></el-step>
+            <el-step title="Verification"></el-step>
+            <el-step title="Supplier Booking"></el-step>
+            <el-step title="Supplier Report"></el-step>
+            <el-step title="Upload China Bankslip To Booking"></el-step>
+            <el-step title="Invoice"></el-step>
+            <el-step title="Completed"></el-step>
+        </el-steps>
+    </el-row>
+</template>
+
+
+<style type="text/css">
+    /* .el-row {
+        margin: 20px 0;
+    }
+
+    .el-steps {
+        padding-top: 70px;
+    }
+
+    .el-step .el-step__main {
+        transform: translateY(-70px);
+    }
+    .el-step__title.is-wait {
+        font-size: 10pt;
+    }
+    .el-step__title {
+        line-height: 1.4;
+    }
+
+    .el-step .is-success .el-step__line {
+        background-color: #67c23a;
+    } */
+</style>
+
+<script>
+export default {
+  props: ['value'],
+  data: () => ({
+    status: 1
+  })
+}
+</script>
\ No newline at end of file