From 4ef7e30cfc23048cad29a165cdd20a1faaf452e0 Mon Sep 17 00:00:00 2001
From: Felix Homa <felix.homa@cs.tu-dortmund.de>
Date: Wed, 10 Aug 2022 18:55:59 +0200
Subject: [PATCH] Progressbar added

---
 Klausur.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/Klausur.html b/Klausur.html
index 3237f53..455268a 100644
--- a/Klausur.html
+++ b/Klausur.html
@@ -22,6 +22,7 @@
 			<h1 align="center" id="titleh1">Klausurhelfer</h1>
 		</div>
 		<div id="clock_div">
+			<progress style="width: 100vw;height: 3vh; background-color: #fff;" value="0" max="100" id="timebar">&nbsp;</progress>
 			<h1 id="clock" class="time" style="text-align: center">...</h1>
 		</div>
 		<div id="left">
@@ -286,7 +287,14 @@
 				/*
 				 * "Große"-Uhr aktualisieren
 				 */
-				document.getElementById("clock").innerHTML = now.getHours() + ":" + (now.getMinutes()<10?"0":"")+now.getMinutes();
+				document.getElementById("clock").innerHTML = (now.getHours()<10?"&nbsp;":"")+now.getHours() + ":" + (now.getMinutes()<10?"0":"")+now.getMinutes();
+				if(endTime!=null) {
+					var dur = endTime-startTime;
+					var rem = endTime-now;
+					var per = 100-(rem/dur*100);
+					document.getElementById("timebar").value=per;
+					document.getElementById("timebar").max=100;
+				}
 				
 				/*
 				 * Hintergrund signalisierung: