diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index 784828969e..591a4a3760 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -40,12 +40,17 @@
 
 .progress-bar {
     opacity: 60%;
+    background: #2aa02a;
 }
 
-.progress-bar-exceed {
+.progress-bar-under {
     background: #eeaa33;
 }
 
+.progress-bar-over {
+    background: #337ab7;
+}
+
 .progress-value {
     width: 100%;
     color: #333;
diff --git a/InvenTree/InvenTree/static/script/inventree/inventree.js b/InvenTree/InvenTree/static/script/inventree/inventree.js
index fdf9b2281d..650a115e9c 100644
--- a/InvenTree/InvenTree/static/script/inventree/inventree.js
+++ b/InvenTree/InvenTree/static/script/inventree/inventree.js
@@ -116,7 +116,9 @@ function makeProgressBar(value, maximum, opts) {
     var extraclass = '';
 
     if (value > maximum) {
-        extraclass='progress-bar-exceed';
+        extraclass='progress-bar-over';
+    } else if (value < maximum) {
+        extraclass = 'progress-bar-under';
     }
 
     var id = opts.id || 'progress-bar';