From 583afcf9d59b989a6a2adbd11d3ae23af74a9e33 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Sat, 4 Dec 2021 16:19:14 -0800
Subject: [PATCH] fancy progress bar, brrr

---
 resources/cider-ui-tests/index.html | 5 +++--
 resources/cider-ui-tests/style.css  | 2 ++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/resources/cider-ui-tests/index.html b/resources/cider-ui-tests/index.html
index 88c083c4..6a0b20df 100644
--- a/resources/cider-ui-tests/index.html
+++ b/resources/cider-ui-tests/index.html
@@ -193,8 +193,9 @@
                     </button>
                 </div>
                 <div class="app-sidebar-notification" v-if="library.songs.downloadState == 1">
-                    Updating your library...<br>
-                    {{ library.songs.meta.progress }} / {{ library.songs.meta.total }}
+                    <div>Updating your library...</div>
+                    <div>{{ library.songs.meta.progress }} / {{ library.songs.meta.total }}</div>
+                    <div style="width: 100%"><progress style="width: 80%;" :value="library.songs.meta.progress" :max="library.songs.meta.total"></progress></div>
                 </div>
             </div>
             <div id="app-content">
diff --git a/resources/cider-ui-tests/style.css b/resources/cider-ui-tests/style.css
index 87b184ec..85816883 100644
--- a/resources/cider-ui-tests/style.css
+++ b/resources/cider-ui-tests/style.css
@@ -326,6 +326,8 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
     align-items: center;
     border-top: 1px solid rgb(200 200 200 / 15%);
     background: rgb(0 0 0 / 15%);
+    flex-direction: column;
+    padding: 20px 0px;
 }
 
 .app-sidebar-content {