From e306967fe2198ee916a8f5d735a23c2f02541fde Mon Sep 17 00:00:00 2001
From: hoanguyen <hoanguyen@beeketing.net>
Date: Thu, 8 Jul 2021 17:06:26 +0700
Subject: [PATCH] feat: remove spinner

---
 src/progressbar.js   |  6 +++---
 src/progressbar.scss | 22 ----------------------
 2 files changed, 3 insertions(+), 25 deletions(-)

diff --git a/src/progressbar.js b/src/progressbar.js
index 9fa45ff..3bc12ab 100644
--- a/src/progressbar.js
+++ b/src/progressbar.js
@@ -9,7 +9,7 @@ const Progressbar = () => {
     Progressbar.status = n === 1 ? null : n;
 
     const progress = Progressbar.render(!started);
-    const bar = progress.querySelector('[role="bar"]');
+    const bar = progress.querySelector('.v-p-bar');
     const speed = 200;
 
     progress.offsetWidth; /* Repaint */
@@ -91,9 +91,9 @@ const Progressbar = () => {
     const progress = document.createElement('div');
     progress.id = 'v-progressbar';
     progress.innerHTML =
-      '<div class="v-p-bar" role="bar"><div class="v-p-peg"></div></div><div class="v-p-spinner" role="spinner"><div class="v-p-spinner-icon"></div></div>';
+      '<div class="v-p-bar"><div class="v-p-peg"></div></div>';
 
-    const bar = progress.querySelector('[role="bar"]');
+    const bar = progress.querySelector('.v-p-bar');
     const perc = fromStart ? '-100' : toBarPerc(Progressbar.status || 0);
 
     css(bar, {
diff --git a/src/progressbar.scss b/src/progressbar.scss
index b3b97c3..25fc82b 100644
--- a/src/progressbar.scss
+++ b/src/progressbar.scss
@@ -19,26 +19,4 @@
     opacity: 1;
     transform: rotate(3deg) translate(0px, -4px);
   }
-  .v-p-spinner {
-    display: block;
-    position: fixed;
-    top: 15px;
-    right: 15px;
-    z-index: 1031;
-  }
-  .v-p-spinner-icon {
-    width: 18px;
-    height: 18px;
-    box-sizing: border-box;
-    border: 2px solid transparent;
-    border-top-color: #29d;
-    border-left-color: #29d;
-    border-radius: 50%;
-    animation: progressbarSpinner .4s linear infinite;
-  }
-}
-
-@keyframes progressbarSpinner {
-  0%   { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
 }