diff --git a/scss/_progress.scss b/scss/_progress.scss
index 15040518d9..b18695f98b 100644
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -20,7 +20,7 @@
 }
 .progress[value] {
   // Set overall background
-  background-color: #eee;
+  background-color: $progress-bg;
   // Remove Firefox and Opera border
   border: 0;
   // Reset the default appearance
@@ -29,17 +29,17 @@
   @include border-radius($border-radius);
 }
 .progress[value]::-ms-fill {
-  background-color: #0074d9;
+  background-color: $progress-bar-color;
   // Remove right-hand border of value bar from IE10+/Edge
   border: 0;
 }
 .progress[value]::-webkit-progress-bar {
-  background-color: #eee;
+  background-color: $progress-bg;
   @include border-radius($border-radius);
   @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
 }
 .progress[value]::-webkit-progress-value {
-  background-color: #0074d9;
+  background-color: $progress-bar-color;
   border-top-left-radius: $border-radius;
   border-bottom-left-radius: $border-radius;
 }
@@ -54,12 +54,12 @@
 //
 // $-moz-document url-prefix() {
 //   .progress[value] {
-//     background-color: #eee;
+//     background-color: $progress-bg;
 //     .border-radius($border-radius);
 //     .box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
 //   }
 //   .progress[value]::-moz-progress-bar {
-//     background-color: #0074d9;
+//     background-color: $progress-bar-color;
 //     border-top-left-radius: $border-radius;
 //     border-bottom-left-radius: $border-radius;
 //   }
@@ -78,7 +78,7 @@
 // IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway.
 @media screen and (min-width:0\0) {
   .progress {
-    background-color: #eee;
+    background-color: $progress-bg;
     @include border-radius($border-radius);
     @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
   }
@@ -86,7 +86,7 @@
     display: inline-block;
     height: $spacer-y;
     text-indent: -999rem; // Simulate hiding of value as in native `<progress>`
-    background-color: #0074d9;
+    background-color: $progress-bar-color;
     border-top-left-radius: $border-radius;
     border-bottom-left-radius: $border-radius;
   }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 20a57bfcb7..88afa3ccd3 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -581,8 +581,8 @@ $alert-danger-border:         $state-danger-border !default;
 
 // Progress bars
 
-$progress-bg:                 #f5f5f5 !default;
-$progress-bar-color:          #fff !default;
+$progress-bg:                 #eee !default;
+$progress-bar-color:          #0074d9 !default;
 $progress-border-radius:      $border-radius !default;
 
 $progress-bar-bg:             $brand-primary !default;