From 3b8d1bb6b9e79f8108ddef4b880d9c0d95fc11a8 Mon Sep 17 00:00:00 2001
From: zevav <zev@averba.ch>
Date: Sat, 3 Oct 2020 08:43:00 +0200
Subject: [PATCH] progress bar is styled

---
 modulearn/src/Module.svelte | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/modulearn/src/Module.svelte b/modulearn/src/Module.svelte
index 8926279..60d0be4 100644
--- a/modulearn/src/Module.svelte
+++ b/modulearn/src/Module.svelte
@@ -52,11 +52,27 @@
     span:hover {
       background-color: purple;
     }
-  }
+    progress {
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
+      border: none;
+      width: 240px;
+      height: 15;
+    }
+    progress::-webkit-progress-bar {
+      background-color: #ddd;
+    }
+    progress::-webkit-progress-value {
+      background-color: yellow;
+    }
 
-  progress {
-    width: 240px;
-    height: 1.2em;
+    progress::-moz-progress-bar {
+      background-color: #ddd;
+    }
+    progress::-moz-progress-bar-value {
+      background-color: yellow;
+    }
   }
 
   div { padding: .3em; }