From c2a4357020a2f37174247bdef3813d1951fca8a9 Mon Sep 17 00:00:00 2001
From: zevav <zev@averba.ch>
Date: Fri, 2 Oct 2020 02:12:53 +0200
Subject: [PATCH] a more standard progress bar

---
 modulearn/src/Module.svelte | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/modulearn/src/Module.svelte b/modulearn/src/Module.svelte
index 3c09afb..11dce3f 100644
--- a/modulearn/src/Module.svelte
+++ b/modulearn/src/Module.svelte
@@ -10,21 +10,20 @@
 
   let styl; let selected; let progress;
   $: selected = $currentModule && $currentModule.name === module.name
-  $: if (selected) progress = getProgress($position)
-  $: styl = selected 
-      ? `background: linear-gradient(to right, var(--finished-bg) 0%, var(--finished-bg) ${progress + 1}%, var(--pending-bg) ${100 - progress}%, var(--pending-bg) 100%)` 
-      : ""
-
+  $: if (selected) {
+    progress = getProgress($position)
+  }
   // TODO: add checkboxes for 'want to watch'
   // TODO: gray out watched modules
 </script>
 
-<div on:click={() => dispatcher("selectModule", { module })} ><span style="{styl}" >I want to {module.outcome}.</span></div>
-{#if progress}
-<div>
-  <progress value={progress} max=100>Hi</progress>
+<div on:click={() => dispatcher("selectModule", { module })} >
+  <span style="{styl}" >I want to {module.outcome}.</span>
+  {#if selected}
+    <progress value={progress} max=100>Hi</progress>
+  {/if}
 </div>
-{/if}
+
 
 
 <style>