Style - fix progress bar background color white by moving to div from progress tag

2 files changed, 1 insertions, 27 deletions

diff --git a/src/static/main.css b/src/static/main.css
index 4e24d86..8307586 100644
--- a/src/static/main.css
+++ b/src/static/main.css
@@ -53,29 +53,3 @@ input[type=submit] {
 	width: fit-content;
 }
 
-
-progress {
-    -webkit-appearance: none;
-		background: #000;
-		border: none;
-    width: 93%;
-}
-
-progress::-webkit-progress-value { background: #006688; }
-
-progress::-moz-progress-bar { background: #006688; }
-
-#progress-bar span {
-    position: absolute;
-    display: inline-block;
-    color: #fff;
-    text-align: right;
-}
-
-#progress-bar {
-    display: block;
-    position: relative;
-    width: 100%;
-		left: -1.25vh;
-}
-
diff --git a/src/templates/event.html b/src/templates/event.html
index efe4cba..9ab512e 100644
--- a/src/templates/event.html
+++ b/src/templates/event.html
@@ -1 +1 @@
-<div id="progress-bar"><span data-value="60" style="width: 60%;">{{event.title}}  {{event.day}} {{ event.time}}  {{ event.icon }}</span><progress value="{{event.progress}}" max="100"></progress></div>
+<div style="position: relative"><div style="display: inline-block; background: #006688; height: 1.2em; width: {{event.progress}}%; position: absolute; left: 0"></div><div style="position: absolute; top: 0px; left: 0px;">{{event.title}}  {{event.day}} {{ event.time}}  {{ event.icon }}</div></div><br>