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 583c2963822a9a3ced952b440dd32e6cacc37fd4..53d88b481d4e9a618ca140711b6452f69866b933 100644 (file)
--- 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>