fireinfo: Show usage of latest release on index page

[ipfire.org.git] / src / templates / modules / progress-bar.html

diff --git a/src/templates/modules/progress-bar.html b/src/templates/modules/progress-bar.html
index cc121635c0e16bc47f7e4cac917f84e73f1bb2f0..429cdb51b4c31f110d9461d7cd65351fa7e14626 100644 (file)
--- a/src/templates/modules/progress-bar.html
+++ b/src/templates/modules/progress-bar.html
@@ -1,7 +1,14 @@
-<div class="progress">
-       <div class="progress-bar {% if colour %}{{ "progress-bar-%s" % colour }}{% end %}"
-                       role="progressbar" aria-valuenow="{{ "%.0f" % value }}"
-                       aria-valuemin="0" aria-valuemax="100" style="width: {{ "%.2f" % value }}%;">
+<div class="row">
+       <div class="col-4 col-sm-3 col-lg-2 text-right">
                {{ "%.2f" % value }}%
        </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>
 </div>