From c0d3d73f016f607e2b25e7346ca6f5e4cdbce51f Mon Sep 17 00:00:00 2001
From: f0o <f0o@devilcode.org>
Date: Thu, 22 Jan 2015 16:22:19 +0000
Subject: [PATCH] Use bootstrap's progressbar to display bars

---
 html/includes/functions.inc.php | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/html/includes/functions.inc.php b/html/includes/functions.inc.php
index 76eb2cb320..8d056e06b3 100644
--- a/html/includes/functions.inc.php
+++ b/html/includes/functions.inc.php
@@ -367,13 +367,15 @@ function print_percentage_bar($width, $height, $percent, $left_text, $left_colou
   if ($percent > "100") { $size_percent = "100"; } else { $size_percent = $percent; }
 
   $output = '
-<div style="font-size:11px;">
-  <div style=" width:'.$width.'px; height:'.$height.'px; background-color:#'.$right_background.';">
-    <div style="width:'.$size_percent.'%; height:'.$height.'px; background-color:#'.$left_background.'; border-right:0px white solid;"></div>
-    <div style="vertical-align: middle;height: '.$height.'px;margin-top:-'.($height).'px; color:#'.$left_colour .'; padding-left :4px;"><b>'.$left_text.'</b></div>
-    <div style="vertical-align: middle;height: '.$height.'px;margin-top:-'.($height).'px; color:#'.$right_colour.'; padding-right:4px;text-align:right;"><b>'.$right_text.'</b></div>
+<div class="container" style="width:'.$width.'px; height:'.$height.'px;">
+ <div class="progress" style="min-width: 2em; background-color:#'.$right_background.'; height:'.$height.'px;">
+  <div class="progress-bar" role="progressbar" aria-valuenow="'.$size_percent.'" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width:'.$size_percent.'%; background-color: #'.$left_background.';">
   </div>
-</div>';
+ </div>
+ <b class="pull-left" style="padding-left: 4px; height: '.$height.'px;margin-top:-'.($height*2).'px; color:#'.$left_colour.';">'.$left_text.'</b>
+ <b class="pull-right" style="padding-right: 4px; height: '.$height.'px;margin-top:-'.($height*2).'px; color:#'.$right_colour.';">'.$right_text.'</b>
+</div>
+';
 
   return $output;
 }