add loader bar

resources/css/app.scss

@@ -3,6 +3,7 @@
 @import "data-table.scss";
 @import "tinymce.scss";
 @import "prism.css";
+@import "progressbar.scss";
 
 * {
     box-sizing: border-box;

resources/css/progressbar.scss

@@ -0,0 +1,28 @@
+$vue3-progress-bar-container-z-index: 999999 !default;
+$vue3-progress-bar-container-transition: all 500ms ease !default;
+
+$vue3-progress-bar-color: $primary-color-dark !default;
+$vue3-progress-bar-height: 4px !default;
+$vue3-progress-bar-transition: all 200ms ease !default;
+
+.vue3-progress-bar-container {
+    position: fixed;
+    z-index: $vue3-progress-bar-container-z-index;
+    top: 0;
+    left: 0;
+    width: 100%;
+    opacity: 0;
+    background-color: #eee;
+    transition: $vue3-progress-bar-container-transition;
+    &[active="true"] {
+        opacity: 1;
+        transition: none;
+    }
+    .vue3-progress-bar {
+        width: 100%;
+        height: $vue3-progress-bar-height;
+        transform: translate3d(-100%, 0, 0);
+        background-color: $vue3-progress-bar-color;
+        transition: $vue3-progress-bar-transition;
+    }
+}