From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 21 Oct 2023 16:28:39 +0000 (+0000)
Subject: modules/progress-bar: restyled the progress bar and restored its
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=eb26a6eec2c807ea7cd88f79b9bdc59d20e22c01;p=ipfire.org.git

modules/progress-bar: restyled the progress bar and restored its
functionality
---

diff --git a/src/templates/modules/progress-bar.html b/src/templates/modules/progress-bar.html
index 583c2963..53d88b48 100644
--- a/src/templates/modules/progress-bar.html
+++ b/src/templates/modules/progress-bar.html
@@ -1,14 +1,14 @@
-<div class="row">
-	<div class="col-4 col-sm-3 col-lg-2 text-end">
-		{{ "%.2f" % value }}%
+<div class="columns">
+	<div class="column is-3 has-text-right">
+		<p>
+			{{ "%.2f" % value }}%
+		</p>
 	</div>
 
-	<div class="col">
-		<div class="progress">
-			<div class="progress-bar {% if colour %}{{ "bg-%s" % colour }}{% end %}"
-					role="progressbar" aria-valuenow="{{ "%.0f" % value }}"
-					aria-valuemin="0" aria-valuemax="100" style="width: {{ "%.2f" % value }}%;">
-			</div>
-		</div>
+	<div class="column">
+		<progress class="progress {% if colour %}{{ "is-%s" % colour }}{% end %}"
+					value="{{ "%.0f" % value }}" max="100">
+						{{"%.2f" % value }}
+		</progress>
 	</div>
 </div>