add bg color variable for progress bar

diff --git a/scss/foundation/components/_progress-bars.scss b/scss/foundation/components/_progress-bars.scss
index ea0b95b118a8c5836e61e2146f87caf9295f2d91..ab6595b7aab95db0caba7678c0d2a271c0757018 100644 (file)
--- a/scss/foundation/components/_progress-bars.scss
+++ b/scss/foundation/components/_progress-bars.scss
@@ -4,6 +4,7 @@
 
 // We use this to se the prog bar height
 $progress-bar-height: emCalc(25px) !default;
+$progress-bar-color: transparent !default;
 
 // We use these to control the border styles
 $progress-bar-border-color: darken(#fff, 20%) !default;
@@ -28,6 +29,7 @@ $progress-meter-alert-color: $alert-color !default;
 
 // We use this to set up the progress bar container
 @mixin progress-container {
+  background-color: $progress-bar-color;
   height: $progress-bar-height;
   border: $progress-bar-border-size $progress-bar-border-style $progress-bar-border-color;
   padding: $progress-bar-pad;

diff --git a/templates/project/scss/_settings.scss b/templates/project/scss/_settings.scss
index 0af0135edf6ef832590e61083d2500690efe6a82..09bb002b531f06a5661963f5f0047b3fe8f7afb5 100644 (file)
--- a/templates/project/scss/_settings.scss
+++ b/templates/project/scss/_settings.scss
@@ -722,6 +722,7 @@
 
 // We use this to se the prog bar height
 // $progress-bar-height: emCalc(25px);
+// $progress-bar-color: transparent;
 
 // We use these to control the border styles
 // $progress-bar-border-color: darken(#fff, 20%);