Style progress bars.

services/web/public/stylesheets/components/progress-bars.less

@@ -29,8 +29,8 @@
   height: @line-height-computed;
   margin-bottom: @line-height-computed;
   background-color: @progress-bg;
-  border-radius: @border-radius-base;
-  border: 1px solid @progress-border-color;
+  border-radius: @progress-border-radius;
+  border: @progress-border-width solid @progress-border-color;
   .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
 }
 
@@ -44,7 +44,7 @@
   color: @progress-bar-color;
   text-align: center;
   background-color: @progress-bar-bg;
-  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
+  .box-shadow(@progress-bar-shadow);
   .transition(width .6s ease);
 }
 

services/web/public/stylesheets/core/_common-variables.less

@@ -854,6 +854,10 @@
 @folders-tag-menu-hover: @gray-light;
 @folders-untagged-line-height: 1.7;
 
+@progress-border-radius: @border-radius-base;
+@progress-border-width: 1px;
+@progress-bar-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+
 @footer-link-color: @link-color;
 @footer-link-hover-color: @link-hover-color;
 @footer-bg-color: transparent;

services/web/public/stylesheets/core/ol-variables.less

@@ -63,7 +63,7 @@
 @btn-info-border         : transparent;
 
 // Tags
-@tag-border-radius       : 999px;
+@tag-border-radius       : 9999px;
 @tag-bg-color            : @ol-green;
 @tag-bg-hover-color      : @ol-dark-green;
 
@@ -137,6 +137,17 @@
 @structured-list-border-color   : @ol-blue-gray-1;
 @structured-list-hover-color    : lighten(@ol-blue-gray-1, 5%);
 
+
+// Progress bars
+@progress-border-radius         : @line-height-computed;
+@progress-border-width          : 0;
+@progress-bar-bg                : @ol-blue-gray-4;
+@progress-bar-success-bg        : @ol-green;
+@progress-bar-warning-bg        : @brand-warning;
+@progress-bar-danger-bg         : @ol-red;
+@progress-bar-info-bg           : @ol-blue;
+@progress-bar-shadow            : none;
+
 // Footer
 @footer-bg-color                : #FFF;
 @footer-link-color              : @ol-green;