diff --git a/CHANGELOG.md b/CHANGELOG.md
index 94456ac..635de9c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,47 +1,49 @@
 # Changelog
 
-### Master
+### 0.7.0 (2014-02-11)
 
-* added bootstrap 3.0.0-3.1.0 styles
+* Add bootstrap 3.0.0-3.1.0 styles
+* Fix #22 wrong vertical styles for bootstrap 2.x
+* Fix #18 missing css requirement documentation
 
 ### 0.6.0 (2013-08-16)
 
-* added bootstrap 3 support
-* added `noConflict` fallback
-* added striped styles
-* added custom string formatting
-* rename `filled` option to `fill`
-* switched `display_text` option dict to string setting
-* switched from `data` to `aria` attributes
-* switched license from Apache2 to MIT
-* fixed some minor style issues
+* Add bootstrap 3 support
+* Add `noConflict` fallback
+* Add striped styles
+* Add custom string formatting
+* Rename `filled` option to `fill`
+* Switch `display_text` option dict to string setting
+* Switch from `data` to `aria` attributes
+* Switch license from Apache2 to MIT
+* Fix some minor style issues
 
 ### 0.5.0 (2012-08-28)
 
-* added vertical progressbars
-* added right alignment
-* moved styles to css/less
-* fixed some code formatting
-* fixed different font sizes
+* Add vertical progressbars
+* Add right alignment
+* Move styles to css/less
+* Fix some code formatting
+* Fix different font sizes
 
 ### 0.4.6 (2012-06-27)
 
-* fixed flickering on centered text on multiple trigger (due to last fix)
+* Fix flickering on centered text on multiple trigger (due to last fix)
 
 ### 0.4.5 (2012-06-25)
 
-* fixed stacking bug on centered text on multiple trigger
+* Fix stacking bug on centered text on multiple trigger
 
 ### 0.4.4 (2012-06-13)
 
-* fixed caching bug with data method
-* added multitrigger support
+* Fix caching bug with data method
+* Add multitrigger support
 
 ### 0.4.3 (2012-06-11)
 
-* switched from jQuery's `*.attr('data-*')` to `*.data('*')`
+* Switch from jQuery's `*.attr('data-*')` to `*.data('*')`
 
 ### 0.4.2 (2012-06-07)
 
-* started changelog
-* switched to github markdown
+* Start changelog
+* Switch to github markdown
diff --git a/README.md b/README.md
index 0148162..8238f7f 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,14 @@
-# bootstrap-progressbar - 0.6.0 [![Build Status](https://secure.travis-ci.org/minddust/bootstrap-progressbar.png)](http://travis-ci.org/minddust/bootstrap-progressbar)
+# bootstrap-progressbar - 0.7.0 [![Build Status](https://secure.travis-ci.org/minddust/bootstrap-progressbar.png)](http://travis-ci.org/minddust/bootstrap-progressbar)
 
 `bootstrap-progressbar` is a [jQuery](http://jquery.com) plugin which extends the basic [twitter-bootstrap](https://github.com/twbs/bootstrap) progressbar. It provides the ability to animate the progressbar by adding Javascript in combination with the preexisting css transitions. Additionally you can display the current progress information in the bar or get the value via callback.
 
 
-## What's new in v0.6.0?
+## What's new in v0.7.0?
 
-* bootstrap 3 support
-* `noConflict` fallback
-* aria support
-* custom string formatting
-* reduced lib size by 46% - just 2.2kb minified
-* new demo page
-* now with MIT license
-* code cleanup and style fixes
+* Add bootstrap 3.0.0-3.1.0 styles
+* Fix #22 wrong vertical styles for bootstrap 2.x
 
-> Note: this version is not 100% backwards compatible - please read the following information
+> Note: this version sets (fixes) some vertical styles which may affect (or brick) your styles. Please checkout the css or less before updating.
 
 
 ## Demo
@@ -24,7 +18,7 @@
 
 ## Installation
 
-* Download the latest release: [v0.6.0](https://github.com/minddust/bootstrap-progressbar/archive/v0.6.0.zip)
+* Download the latest release: [v0.7.0](https://github.com/minddust/bootstrap-progressbar/archive/v0.7.0.zip)
 * Clone the repository: `git clone git@github.com:minddust/bootstrap-progressbar.git`
 * Install with [Bower](http://bower.io): `bower install bootstrap-progressbar`
 
@@ -247,6 +241,6 @@ to change the animation itself you have to overwrite either less or css
 
 ## Copyright and license
 
-Copyright 2013-2013 Stephan Groß, under [MIT license](https://github.com/minddust/bootstrap-progressbar/blob/master/LICENSE).
+Copyright 2013-2014 Stephan Groß, under [MIT license](https://github.com/minddust/bootstrap-progressbar/blob/master/LICENSE).
 
 Want to appreciate my work? [minddust at Gittip](https://www.gittip.com/minddust/)
diff --git a/bootstrap-progressbar.js b/bootstrap-progressbar.js
index 50907cf..8b4cb01 100644
--- a/bootstrap-progressbar.js
+++ b/bootstrap-progressbar.js
@@ -1,6 +1,6 @@
 /*!
- * bootstrap-progressbar v0.6.0 by @minddust
- * Copyright (c) 2012-2013 Stephan Gross
+ * bootstrap-progressbar v0.7.0 by @minddust
+ * Copyright (c) 2012-2014 Stephan Gross
  *
  * https://www.minddust.com/bootstrap-progressbar
  *
diff --git a/bootstrap-progressbar.min.js b/bootstrap-progressbar.min.js
index 8330fee..f8265b8 100644
--- a/bootstrap-progressbar.min.js
+++ b/bootstrap-progressbar.min.js
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 !function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.defaults,d)};b.defaults={transition_delay:300,refresh_speed:50,display_text:"none",use_percentage:!0,percent_format:function(a){return a+"%"},amount_format:function(a,b){return a+" / "+b},update:a.noop,done:a.noop,fail:a.noop},b.prototype.transition=function(){var c=this.$element,d=c.parent(),e=this.$back_text,f=this.$front_text,g=this.options,h=c.attr("aria-valuetransitiongoal"),i=c.attr("aria-valuemin")||0,j=c.attr("aria-valuemax")||100,k=d.hasClass("vertical"),l=g.update&&"function"==typeof g.update?g.update:b.defaults.update,m=g.done&&"function"==typeof g.done?g.done:b.defaults.done,n=g.fail&&"function"==typeof g.fail?g.fail:b.defaults.fail;if(!h)return void n("aria-valuetransitiongoal not set");var o=Math.round(100*(h-i)/(j-i));if("center"===g.display_text&&!e&&!f){this.$back_text=e=a("<span>",{"class":"progressbar-back-text"}).prependTo(d),this.$front_text=f=a("<span>",{"class":"progressbar-front-text"}).prependTo(c);var p;k?(p=d.css("height"),e.css({height:p,"line-height":p}),f.css({height:p,"line-height":p}),a(window).resize(function(){p=d.css("height"),e.css({height:p,"line-height":p}),f.css({height:p,"line-height":p})})):(p=d.css("width"),f.css({width:p}),a(window).resize(function(){p=d.css("width"),f.css({width:p})}))}setTimeout(function(){var a,b,n,p,q;k?c.css("height",o+"%"):c.css("width",o+"%");var r=setInterval(function(){k?(n=c.height(),p=d.height()):(n=c.width(),p=d.width()),a=Math.round(100*n/p),b=Math.round(n/p*(j-i)),a>=o&&(a=o,b=h,m(),clearInterval(r)),"none"!==g.display_text&&(q=g.use_percentage?g.percent_format(a):g.amount_format(b,j),"fill"===g.display_text?c.text(q):"center"===g.display_text&&(e.text(q),f.text(q))),c.attr("aria-valuenow",b),l(a)},g.refresh_speed)},g.transition_delay)};var c=a.fn.progressbar;a.fn.progressbar=function(c){return this.each(function(){var d=a(this),e=d.data("bs.progressbar"),f="object"==typeof c&&c;e||d.data("bs.progressbar",e=new b(this,f)),e.transition()})},a.fn.progressbar.Constructor=b,a.fn.progressbar.noConflict=function(){return a.fn.progressbar=c,this}}(window.jQuery);
\ No newline at end of file
diff --git a/bower.json b/bower.json
index e859e13..0467ba3 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "bootstrap-progressbar",
-    "version": "0.6.0",
+    "version": "0.7.0",
     "main": "./bootstrap-progressbar.js",
     "ignore": [
         "**/.*",
diff --git a/css/bootstrap-progressbar-2.0.0.css b/css/bootstrap-progressbar-2.0.0.css
index 8d077ea..398a62a 100644
--- a/css/bootstrap-progressbar-2.0.0.css
+++ b/css/bootstrap-progressbar-2.0.0.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,15 +40,16 @@
   width: 18px;
   height: 100%;
   margin-right: 18px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -ms-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(left, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -63,15 +64,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -ms-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(left, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
       -ms-transition: height 0.6s ease;
@@ -86,15 +79,16 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -ms-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(left, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(top, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -110,15 +104,16 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -ms-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(left, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -ms-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(top, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -134,15 +129,16 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -ms-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(left, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(top, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -158,15 +154,16 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -ms-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(left, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(top, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.0.0.min.css b/css/bootstrap-progressbar-2.0.0.min.css
index 20c7abb..fddcec5 100644
--- a/css/bootstrap-progressbar-2.0.0.min.css
+++ b/css/bootstrap-progressbar-2.0.0.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(left,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-ms-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(left,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(left,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-ms-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(left,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-ms-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(left,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-ms-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(left,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.0.1.css b/css/bootstrap-progressbar-2.0.1.css
index 0bf0cbc..8d40766 100644
--- a/css/bootstrap-progressbar-2.0.1.css
+++ b/css/bootstrap-progressbar-2.0.1.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,15 +40,16 @@
   width: 18px;
   height: 100%;
   margin-right: 18px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -ms-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(left, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -63,15 +64,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -ms-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(left, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
       -ms-transition: height 0.6s ease;
@@ -86,15 +79,16 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -ms-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(left, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(top, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -110,15 +104,16 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -ms-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(left, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -ms-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(top, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -134,15 +129,16 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -ms-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(left, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(top, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -158,15 +154,16 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -ms-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(left, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(top, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.0.1.min.css b/css/bootstrap-progressbar-2.0.1.min.css
index 424ec09..639e7a4 100644
--- a/css/bootstrap-progressbar-2.0.1.min.css
+++ b/css/bootstrap-progressbar-2.0.1.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(left,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-ms-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(left,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(left,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-ms-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(left,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-ms-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(left,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-ms-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(left,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.0.2.css b/css/bootstrap-progressbar-2.0.2.css
index 208a61e..16c4bc6 100644
--- a/css/bootstrap-progressbar-2.0.2.css
+++ b/css/bootstrap-progressbar-2.0.2.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,15 +40,16 @@
   width: 18px;
   height: 100%;
   margin-right: 18px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -ms-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(left, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -63,15 +64,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -ms-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(left, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
       -ms-transition: height 0.6s ease;
@@ -86,15 +79,16 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -ms-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(left, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(top, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -110,15 +104,16 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -ms-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(left, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -ms-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(top, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -134,15 +129,16 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -ms-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(left, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(top, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -158,15 +154,16 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -ms-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(left, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(top, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.0.2.min.css b/css/bootstrap-progressbar-2.0.2.min.css
index a15c45d..c69c7d5 100644
--- a/css/bootstrap-progressbar-2.0.2.min.css
+++ b/css/bootstrap-progressbar-2.0.2.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(left,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-ms-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(left,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(left,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-ms-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(left,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-ms-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(left,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-ms-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(left,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-ms-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@-ms-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.0.3.css b/css/bootstrap-progressbar-2.0.3.css
index b14bee2..2207e4c 100644
--- a/css/bootstrap-progressbar-2.0.3.css
+++ b/css/bootstrap-progressbar-2.0.3.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,15 +40,16 @@
   width: 18px;
   height: 100%;
   margin-right: 18px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -ms-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(left, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -63,15 +64,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -ms-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(left, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
       -ms-transition: height 0.6s ease;
@@ -86,15 +79,16 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -ms-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(left, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(top, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -110,15 +104,16 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -ms-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(left, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -ms-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(top, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -134,15 +129,16 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -ms-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(left, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(top, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -158,15 +154,16 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -ms-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(left, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(top, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.0.3.min.css b/css/bootstrap-progressbar-2.0.3.min.css
index 19ff97f..4c61ce1 100644
--- a/css/bootstrap-progressbar-2.0.3.min.css
+++ b/css/bootstrap-progressbar-2.0.3.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(left,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-ms-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(left,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(left,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-ms-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(left,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-ms-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(left,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-ms-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(left,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.0.4.css b/css/bootstrap-progressbar-2.0.4.css
index b14bee2..2207e4c 100644
--- a/css/bootstrap-progressbar-2.0.4.css
+++ b/css/bootstrap-progressbar-2.0.4.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,15 +40,16 @@
   width: 18px;
   height: 100%;
   margin-right: 18px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -ms-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(left, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -63,15 +64,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -ms-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(left, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
       -ms-transition: height 0.6s ease;
@@ -86,15 +79,16 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -ms-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(left, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(top, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -110,15 +104,16 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -ms-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(left, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -ms-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(top, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -134,15 +129,16 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -ms-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(left, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(top, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -158,15 +154,16 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -ms-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(left, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(top, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.0.4.min.css b/css/bootstrap-progressbar-2.0.4.min.css
index 19ff97f..4c61ce1 100644
--- a/css/bootstrap-progressbar-2.0.4.min.css
+++ b/css/bootstrap-progressbar-2.0.4.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(left,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-ms-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(left,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(left,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-ms-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(left,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-ms-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(left,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-ms-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(left,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:18px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:18px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:18px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:18px;height:100%;margin-right:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-ms-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:18px;margin-bottom:18px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(top,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{width:0;height:18px;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-ms-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(top,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)}.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)}.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)}.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)}.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.1.0.css b/css/bootstrap-progressbar-2.1.0.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.1.0.css
+++ b/css/bootstrap-progressbar-2.1.0.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.1.0.min.css b/css/bootstrap-progressbar-2.1.0.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.1.0.min.css
+++ b/css/bootstrap-progressbar-2.1.0.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.1.1.css b/css/bootstrap-progressbar-2.1.1.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.1.1.css
+++ b/css/bootstrap-progressbar-2.1.1.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.1.1.min.css b/css/bootstrap-progressbar-2.1.1.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.1.1.min.css
+++ b/css/bootstrap-progressbar-2.1.1.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.2.0.css b/css/bootstrap-progressbar-2.2.0.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.2.0.css
+++ b/css/bootstrap-progressbar-2.2.0.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.2.0.min.css b/css/bootstrap-progressbar-2.2.0.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.2.0.min.css
+++ b/css/bootstrap-progressbar-2.2.0.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.2.1.css b/css/bootstrap-progressbar-2.2.1.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.2.1.css
+++ b/css/bootstrap-progressbar-2.2.1.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.2.1.min.css b/css/bootstrap-progressbar-2.2.1.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.2.1.min.css
+++ b/css/bootstrap-progressbar-2.2.1.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.2.2.css b/css/bootstrap-progressbar-2.2.2.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.2.2.css
+++ b/css/bootstrap-progressbar-2.2.2.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.2.2.min.css b/css/bootstrap-progressbar-2.2.2.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.2.2.min.css
+++ b/css/bootstrap-progressbar-2.2.2.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.3.0.css b/css/bootstrap-progressbar-2.3.0.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.3.0.css
+++ b/css/bootstrap-progressbar-2.3.0.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.3.0.min.css b/css/bootstrap-progressbar-2.3.0.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.3.0.min.css
+++ b/css/bootstrap-progressbar-2.3.0.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.3.1.css b/css/bootstrap-progressbar-2.3.1.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.3.1.css
+++ b/css/bootstrap-progressbar-2.3.1.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.3.1.min.css b/css/bootstrap-progressbar-2.3.1.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.3.1.min.css
+++ b/css/bootstrap-progressbar-2.3.1.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-2.3.2.css b/css/bootstrap-progressbar-2.3.2.css
index a8a75ea..77cc548 100644
--- a/css/bootstrap-progressbar-2.3.2.css
+++ b/css/bootstrap-progressbar-2.3.2.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
@@ -40,14 +40,15 @@
   width: 20px;
   height: 100%;
   margin-right: 20px;
-  background-color: #f9f9f9;
-  background-image: -moz-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(left, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(to right, #f5f5f5, #f9f9f9);
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
 }
 
 .progress.vertical.bottom {
@@ -62,14 +63,7 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  background-color: #0480be;
-  background-image: -moz-linear-gradient(left, #149bdf, #0480be);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#149bdf), to(#0480be));
-  background-image: -webkit-linear-gradient(left, #149bdf, #0480be);
-  background-image: -o-linear-gradient(left, #149bdf, #0480be);
-  background-image: linear-gradient(to right, #149bdf, #0480be);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=1);
+  background-repeat: repeat;
   -webkit-transition: height 0.6s ease;
      -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
@@ -83,14 +77,15 @@
 
 .progress-danger.vertical .bar,
 .progress.vertical .bar-danger {
-  background-color: #c43c35;
-  background-image: -moz-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ee5f5b), to(#c43c35));
-  background-image: -webkit-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: -o-linear-gradient(left, #ee5f5b, #c43c35);
-  background-image: linear-gradient(to right, #ee5f5b, #c43c35);
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
 }
 
 .progress-danger.progress-striped.vertical .bar,
@@ -105,14 +100,15 @@
 
 .progress-success.vertical .bar,
 .progress.vertical .bar-success {
-  background-color: #57a957;
-  background-image: -moz-linear-gradient(left, #62c462, #57a957);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#62c462), to(#57a957));
-  background-image: -webkit-linear-gradient(left, #62c462, #57a957);
-  background-image: -o-linear-gradient(left, #62c462, #57a957);
-  background-image: linear-gradient(to right, #62c462, #57a957);
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
 }
 
 .progress-success.progress-striped.vertical .bar,
@@ -127,14 +123,15 @@
 
 .progress-info.vertical .bar,
 .progress.vertical .bar-info {
-  background-color: #339bb9;
-  background-image: -moz-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#5bc0de), to(#339bb9));
-  background-image: -webkit-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: -o-linear-gradient(left, #5bc0de, #339bb9);
-  background-image: linear-gradient(to right, #5bc0de, #339bb9);
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
 }
 
 .progress-info.progress-striped.vertical .bar,
@@ -149,14 +146,15 @@
 
 .progress-warning.vertical .bar,
 .progress.vertical .bar-warning {
-  background-color: #f89406;
-  background-image: -moz-linear-gradient(left, #fbb450, #f89406);
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fbb450), to(#f89406));
-  background-image: -webkit-linear-gradient(left, #fbb450, #f89406);
-  background-image: -o-linear-gradient(left, #fbb450, #f89406);
-  background-image: linear-gradient(to right, #fbb450, #f89406);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=1);
+  background-repeat: repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
 }
 
 .progress-warning.progress-striped.vertical .bar,
diff --git a/css/bootstrap-progressbar-2.3.2.min.css b/css/bootstrap-progressbar-2.3.2.min.css
index 8e25ad9..eab2f52 100644
--- a/css/bootstrap-progressbar-2.3.2.min.css
+++ b/css/bootstrap-progressbar-2.3.2.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
-.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f9f9f9;background-image:-moz-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(left,#f5f5f5,#f9f9f9);background-image:linear-gradient(to right,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=1)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-color:#0480be;background-image:-moz-linear-gradient(left,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,100% 0,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(left,#149bdf,#0480be);background-image:-o-linear-gradient(left,#149bdf,#0480be);background-image:linear-gradient(to right,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=1);-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#c43c35;background-image:-moz-linear-gradient(left,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,100% 0,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(left,#ee5f5b,#c43c35);background-image:-o-linear-gradient(left,#ee5f5b,#c43c35);background-image:linear-gradient(to right,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=1)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#57a957;background-image:-moz-linear-gradient(left,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,100% 0,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(left,#62c462,#57a957);background-image:-o-linear-gradient(left,#62c462,#57a957);background-image:linear-gradient(to right,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=1)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#339bb9;background-image:-moz-linear-gradient(left,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,100% 0,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(left,#5bc0de,#339bb9);background-image:-o-linear-gradient(left,#5bc0de,#339bb9);background-image:linear-gradient(to right,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=1)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#f89406;background-image:-moz-linear-gradient(left,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,100% 0,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(left,#fbb450,#f89406);background-image:-o-linear-gradient(left,#fbb450,#f89406);background-image:linear-gradient(to right,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=1)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+.progress{position:relative}.progress .bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .bar{width:100%;height:0;background-repeat:repeat;-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .bar{position:absolute;bottom:0}.progress-danger.vertical .bar,.progress.vertical .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success.vertical .bar,.progress.vertical .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info.vertical .bar,.progress.vertical .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning.vertical .bar,.progress.vertical .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;background-repeat:repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped.vertical .bar,.progress.progress-striped.vertical .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-3.0.0-rc1.css b/css/bootstrap-progressbar-3.0.0-rc1.css
index ad7a60c..66cb3d1 100644
--- a/css/bootstrap-progressbar-3.0.0-rc1.css
+++ b/css/bootstrap-progressbar-3.0.0-rc1.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
diff --git a/css/bootstrap-progressbar-3.0.0-rc1.min.css b/css/bootstrap-progressbar-3.0.0-rc1.min.css
index dd72b67..452fec9 100644
--- a/css/bootstrap-progressbar-3.0.0-rc1.min.css
+++ b/css/bootstrap-progressbar-3.0.0-rc1.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-color:#428bca;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-color:#d9534f;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-color:#5cb85c;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-color:#f0ad4e;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-3.0.0-rc2.css b/css/bootstrap-progressbar-3.0.0-rc2.css
index ab18934..7191bc1 100644
--- a/css/bootstrap-progressbar-3.0.0-rc2.css
+++ b/css/bootstrap-progressbar-3.0.0-rc2.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
diff --git a/css/bootstrap-progressbar-3.0.0-rc2.min.css b/css/bootstrap-progressbar-3.0.0-rc2.min.css
index cf30b88..c08f6ad 100644
--- a/css/bootstrap-progressbar-3.0.0-rc2.min.css
+++ b/css/bootstrap-progressbar-3.0.0-rc2.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-3.0.0.css b/css/bootstrap-progressbar-3.0.0.css
index 3c1cc12..2e6fdf5 100644
--- a/css/bootstrap-progressbar-3.0.0.css
+++ b/css/bootstrap-progressbar-3.0.0.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
diff --git a/css/bootstrap-progressbar-3.0.0.min.css b/css/bootstrap-progressbar-3.0.0.min.css
index cd9e963..67820d3 100644
--- a/css/bootstrap-progressbar-3.0.0.min.css
+++ b/css/bootstrap-progressbar-3.0.0.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-3.0.1.css b/css/bootstrap-progressbar-3.0.1.css
index 3c1cc12..2e6fdf5 100644
--- a/css/bootstrap-progressbar-3.0.1.css
+++ b/css/bootstrap-progressbar-3.0.1.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
diff --git a/css/bootstrap-progressbar-3.0.1.min.css b/css/bootstrap-progressbar-3.0.1.min.css
index cd9e963..67820d3 100644
--- a/css/bootstrap-progressbar-3.0.1.min.css
+++ b/css/bootstrap-progressbar-3.0.1.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-3.0.2.css b/css/bootstrap-progressbar-3.0.2.css
index 3c1cc12..2e6fdf5 100644
--- a/css/bootstrap-progressbar-3.0.2.css
+++ b/css/bootstrap-progressbar-3.0.2.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
diff --git a/css/bootstrap-progressbar-3.0.2.min.css b/css/bootstrap-progressbar-3.0.2.min.css
index cd9e963..67820d3 100644
--- a/css/bootstrap-progressbar-3.0.2.min.css
+++ b/css/bootstrap-progressbar-3.0.2.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-3.0.3.css b/css/bootstrap-progressbar-3.0.3.css
index 3c1cc12..2e6fdf5 100644
--- a/css/bootstrap-progressbar-3.0.3.css
+++ b/css/bootstrap-progressbar-3.0.3.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
diff --git a/css/bootstrap-progressbar-3.0.3.min.css b/css/bootstrap-progressbar-3.0.3.min.css
index cd9e963..67820d3 100644
--- a/css/bootstrap-progressbar-3.0.3.min.css
+++ b/css/bootstrap-progressbar-3.0.3.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/css/bootstrap-progressbar-3.1.0.css b/css/bootstrap-progressbar-3.1.0.css
index 3c1cc12..2e6fdf5 100644
--- a/css/bootstrap-progressbar-3.1.0.css
+++ b/css/bootstrap-progressbar-3.1.0.css
@@ -1,4 +1,4 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress {
   position: relative;
 }
diff --git a/css/bootstrap-progressbar-3.1.0.min.css b/css/bootstrap-progressbar-3.1.0.min.css
index cd9e963..67820d3 100644
--- a/css/bootstrap-progressbar-3.1.0.min.css
+++ b/css/bootstrap-progressbar-3.1.0.min.css
@@ -1,2 +1,2 @@
-/*! bootstrap-progressbar v0.6.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
+/*! bootstrap-progressbar v0.7.0 | Copyright (c) 2012-2014 Stephan Gross | MIT License | minddust.com */
 .progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
\ No newline at end of file
diff --git a/examples/bootstrap-2.3.2.html b/examples/bootstrap-2.3.2.html
index 24eb97b..890dd4f 100644
--- a/examples/bootstrap-2.3.2.html
+++ b/examples/bootstrap-2.3.2.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-    <title>bootstrap-progressbar.js 0.6.0 for bootstrap 2.3.2</title>
+    <title>bootstrap-progressbar.js 0.7.0 for bootstrap 2.3.2</title>
 
     <link rel="stylesheet" type="text/css" href="prettify/prettify.min.css">
     <link rel="stylesheet" type="text/css" href="bootstrap/bootstrap-2.3.2.min.css">
@@ -39,6 +39,90 @@
         .progress.wide { width: 60px; }
         .bs-example.vertical { height: 250px; }
 
+        pre, code {
+            font-weight: bold;
+            font-size: 12px;
+        }
+        code {
+            word-break: break-all;
+            white-space: normal;
+        }
+        pre {
+            overflow: auto;
+        }
+        pre code {
+            white-space: pre;
+            overflow: auto;
+            word-wrap: normal;
+        }
+        pre code span {
+            word-break: break-all;
+        }
+        .hll { background-color: #515151 }
+        .c { color: #999999 } /* Comment */
+        .err { color: #f2777a } /* Error */
+        .k { color: #cc99cc } /* Keyword */
+        .l { color: #f99157 } /* Literal */
+        .n { color: #cccccc } /* Name */
+        .o { color: #66cccc } /* Operator */
+        .p { color: #cccccc } /* Punctuation */
+        .cm { color: #999999 } /* Comment.Multiline */
+        .cp { color: #999999 } /* Comment.Preproc */
+        .c1 { color: #999999 } /* Comment.Single */
+        .cs { color: #999999 } /* Comment.Special */
+        .gd { color: #f2777a } /* Generic.Deleted */
+        .ge { font-style: italic } /* Generic.Emph */
+        .gh { color: #cccccc; font-weight: bold } /* Generic.Heading */
+        .gi { color: #99cc99 } /* Generic.Inserted */
+        .gp { color: #999999; font-weight: bold } /* Generic.Prompt */
+        .gs { font-weight: bold } /* Generic.Strong */
+        .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
+        .kc { color: #cc99cc } /* Keyword.Constant */
+        .kd { color: #cc99cc } /* Keyword.Declaration */
+        .kn { color: #66cccc } /* Keyword.Namespace */
+        .kp { color: #cc99cc } /* Keyword.Pseudo */
+        .kr { color: #cc99cc } /* Keyword.Reserved */
+        .kt { color: #ffcc66 } /* Keyword.Type */
+        .ld { color: #99cc99 } /* Literal.Date */
+        .m { color: #f99157 } /* Literal.Number */
+        .s { color: #99cc99 } /* Literal.String */
+        .na { color: #6699cc } /* Name.Attribute */
+        .nb { color: #cccccc } /* Name.Builtin */
+        .nc { color: #ffcc66 } /* Name.Class */
+        .no { color: #f2777a } /* Name.Constant */
+        .nd { color: #66cccc } /* Name.Decorator */
+        .ni { color: #cccccc } /* Name.Entity */
+        .ne { color: #f2777a } /* Name.Exception */
+        .nf { color: #6699cc } /* Name.Function */
+        .nl { color: #cccccc } /* Name.Label */
+        .nn { color: #ffcc66 } /* Name.Namespace */
+        .nx { color: #6699cc } /* Name.Other */
+        .py { color: #cccccc } /* Name.Property */
+        .nt { color: #66cccc } /* Name.Tag */
+        .nv { color: #f2777a } /* Name.Variable */
+        .ow { color: #66cccc } /* Operator.Word */
+        .w { color: #cccccc } /* Text.Whitespace */
+        .mf { color: #f99157 } /* Literal.Number.Float */
+        .mh { color: #f99157 } /* Literal.Number.Hex */
+        .mi { color: #f99157 } /* Literal.Number.Integer */
+        .mo { color: #f99157 } /* Literal.Number.Oct */
+        .sb { color: #99cc99 } /* Literal.String.Backtick */
+        .sc { color: #cccccc } /* Literal.String.Char */
+        .sd { color: #999999 } /* Literal.String.Doc */
+        .s2 { color: #99cc99 } /* Literal.String.Double */
+        .se { color: #f99157 } /* Literal.String.Escape */
+        .sh { color: #99cc99 } /* Literal.String.Heredoc */
+        .si { color: #f99157 } /* Literal.String.Interpol */
+        .sx { color: #99cc99 } /* Literal.String.Other */
+        .sr { color: #99cc99 } /* Literal.String.Regex */
+        .s1 { color: #99cc99 } /* Literal.String.Single */
+        .ss { color: #99cc99 } /* Literal.String.Symbol */
+        .bp { color: #cccccc } /* Name.Builtin.Pseudo */
+        .vc { color: #f2777a } /* Name.Variable.Class */
+        .vg { color: #f2777a } /* Name.Variable.Global */
+        .vi { color: #f2777a } /* Name.Variable.Instance */
+        .il { color: #f99157 } /* Literal.Number.Integer.Long */
+        
         @media screen and (min-width: 768px) {
             .bs-example { margin-left: 0; margin-right: 0; background-color: #fff; border-width: 1px; border-color: #ddd; border-radius: 4px 4px 0 0; box-shadow: none; }
             .bs-example + .prettyprint, .bs-example + .highlight { margin-top: -1px; margin-left: 0; margin-right: 0; border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
@@ -60,7 +144,7 @@
     <script type='text/javascript' src="jquery/jquery-1.8.3.min.js"></script>
     <script type='text/javascript' src="prettify/prettify.min.js"></script>
     <script type='text/javascript' src="bootstrap/bootstrap-2.3.2.min.js"></script>
-    <script type="text/javascript" src="bootstrap-progressbar.js"></script>
+    <script type="text/javascript" src="../bootstrap-progressbar.js"></script>
 
     <script type='text/javascript'>
         $(document).ready(function() {
@@ -74,7 +158,7 @@
     <a href="https://github.com/minddust/bootstrap-progressbar"><img style="position: fixed; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
     <div class="container">
         <div class="hero-unit">
-            <h1>bootstrap-progressbar - v0.6.0</h1>
+            <h1>bootstrap-progressbar - v0.7.0</h1>
             <p class="lead">examples running with jQuery v1.8.3 and bootstrap v2.3.2</p>
         </div>
         <div class="row">
@@ -249,7 +333,7 @@ <h1 id="h-default">default settings</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-default-basic">start</button></h3>
                     <div class="bs-example h-default-basic">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -262,7 +346,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -272,16 +356,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-defaul
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-default-themed">start</button></h3>
                     <div class="bs-example h-default-themed">
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -294,16 +378,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-defa
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -313,19 +397,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-defa
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-default-striped">start</button></h3>
                     <div class="bs-example h-default-striped">
                         <div class="progress progress-striped">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -338,19 +422,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-def
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -360,19 +444,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-def
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-default-animated">start</button></h3>
                     <div class="bs-example h-default-animated">
                         <div class="progress progress-striped active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -385,19 +469,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-de
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -407,19 +491,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-de
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-default-aria">start</button></h3>
                     <div class="bs-example h-default-aria">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -432,19 +516,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -454,19 +538,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-defaul
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-default-animation">start</button></h3>
                     <div class="bs-example h-default-animation">
                         <div class="progress">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -489,19 +573,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-defaul
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -530,7 +614,7 @@ <h1 id="h-right">default settings (right)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-right-basic">start</button></h3>
                     <div class="bs-example h-right-basic">
                         <div class="progress right">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -543,7 +627,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-right-
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -553,16 +637,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-right-
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-right-themed">start</button></h3>
                     <div class="bs-example h-right-themed">
                         <div class="progress right">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -575,16 +659,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-righ
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -594,19 +678,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-righ
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-right-striped">start</button></h3>
                     <div class="bs-example h-right-striped">
                         <div class="progress progress-striped right">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -619,19 +703,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-rig
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -641,19 +725,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-rig
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-right-animated">start</button></h3>
                     <div class="bs-example h-right-animated">
                         <div class="progress progress-striped right active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -666,19 +750,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ri
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -688,19 +772,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ri
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-right-aria">start</button></h3>
                     <div class="bs-example h-right-aria">
                         <div class="progress right">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -713,19 +797,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-right-
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -735,19 +819,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-right-
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-right-animation">start</button></h3>
                     <div class="bs-example h-right-animation">
                         <div class="progress right">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress right">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -770,19 +854,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-right-
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -798,7 +882,7 @@ <h1 id="h-fill">filled text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-basic">start</button></h3>
                     <div class="bs-example h-fill-basic">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -811,7 +895,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-b
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -821,16 +905,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-b
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill-themed">start</button></h3>
                     <div class="bs-example h-fill-themed">
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -843,16 +927,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -862,19 +946,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fill-striped">start</button></h3>
                     <div class="bs-example h-fill-striped">
                         <div class="progress progress-striped">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -887,19 +971,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -909,19 +993,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fill-animated">start</button></h3>
                     <div class="bs-example h-fill-animated">
                         <div class="progress progress-striped active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -934,19 +1018,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -956,19 +1040,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-aria">start</button></h3>
                     <div class="bs-example h-fill-aria">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -981,19 +1065,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-a
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1003,19 +1087,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-a
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-animation">start</button></h3>
                     <div class="bs-example h-fill-animation">
                         <div class="progress">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1038,19 +1122,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-a
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1066,7 +1150,7 @@ <h1 id="h-fill-nonpercentage">filled text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-basic">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-basic">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1079,7 +1163,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1092,16 +1176,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-n
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-themed">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-themed">
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1114,16 +1198,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1136,19 +1220,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-striped">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-striped">
                         <div class="progress progress-striped">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1161,19 +1245,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1186,19 +1270,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-animated">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-animated">
                         <div class="progress progress-striped active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1211,19 +1295,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1236,19 +1320,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-aria">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-aria">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1261,19 +1345,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1286,19 +1370,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-n
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-animation">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-animation">
                         <div class="progress">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1321,19 +1405,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-n
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1352,7 +1436,7 @@ <h1 id="h-center">centered text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center-basic">start</button></h3>
                     <div class="bs-example h-center-basic">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1365,7 +1449,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1375,16 +1459,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-center-themed">start</button></h3>
                     <div class="bs-example h-center-themed">
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1397,16 +1481,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1416,19 +1500,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-center-striped">start</button></h3>
                     <div class="bs-example h-center-striped">
                         <div class="progress progress-striped">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1441,19 +1525,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1463,19 +1547,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-center-animated">start</button></h3>
                     <div class="bs-example h-center-animated">
                         <div class="progress progress-striped active">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1488,19 +1572,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1510,19 +1594,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center-aria">start</button></h3>
                     <div class="bs-example h-center-aria">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1535,19 +1619,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1557,19 +1641,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-center-animation">start</button></h3>
                     <div class="bs-example h-center-animation">
                         <div class="progress">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1592,19 +1676,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1620,7 +1704,7 @@ <h1 id="h-center-nonpercentage">centered text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center-nonpercentage-basic">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-basic">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1633,7 +1717,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1646,16 +1730,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-themed">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-themed">
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1668,16 +1752,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1690,19 +1774,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-striped">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-striped">
                         <div class="progress progress-striped">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1715,19 +1799,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1740,19 +1824,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-animated">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-animated">
                         <div class="progress progress-striped active">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1765,19 +1849,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1790,19 +1874,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center-nonpercentage-aria">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-aria">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1815,19 +1899,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1840,19 +1924,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-center-nonpercentage-animation">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-animation">
                         <div class="progress">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1875,19 +1959,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1919,7 +2003,7 @@ <h1 id="v-default">default settings</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-default-basic">start</button></h3>
                     <div class="bs-example vertical v-default-basic">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1932,7 +2016,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1942,16 +2026,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-defaul
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-default-themed">start</button></h3>
                     <div class="bs-example vertical v-default-themed">
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1964,16 +2048,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-defa
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1983,19 +2067,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-defa
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-default-striped">start</button></h3>
                     <div class="bs-example vertical v-default-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2008,19 +2092,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-def
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2030,19 +2114,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-def
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-default-animated">start</button></h3>
                     <div class="bs-example vertical v-default-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2055,19 +2139,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-de
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2077,19 +2161,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-de
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-default-aria">start</button></h3>
                     <div class="bs-example vertical v-default-aria">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2102,19 +2186,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2124,19 +2208,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-defaul
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-default-animation">start</button></h3>
                     <div class="bs-example vertical v-default-animation">
                         <div class="progress vertical wide">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2159,19 +2243,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-defaul
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2200,7 +2284,7 @@ <h1 id="v-bottom">default settings (bottom)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-bottom-basic">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-basic">
                         <div class="progress vertical bottom wide">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2213,7 +2297,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-bottom
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2223,16 +2307,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-bottom
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-bottom-themed">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-themed">
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2245,16 +2329,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-bott
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2264,19 +2348,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-bott
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-bottom-striped">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-striped">
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2289,19 +2373,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-bot
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2311,19 +2395,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-bot
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-bottom-animated">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-animated">
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2336,19 +2420,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-bo
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2358,19 +2442,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-bo
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-bottom-aria">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-aria">
                         <div class="progress vertical bottom wide">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2383,19 +2467,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-bottom
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2405,19 +2489,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-bottom
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-bottom-animation">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-animation">
                         <div class="progress vertical bottom wide">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2440,19 +2524,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-bottom
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2468,7 +2552,7 @@ <h1 id="v-fill">filled text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-basic">start</button></h3>
                     <div class="bs-example vertical v-fill-basic">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2481,7 +2565,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-b
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2491,16 +2575,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-b
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill-themed">start</button></h3>
                     <div class="bs-example vertical v-fill-themed">
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2513,16 +2597,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2532,19 +2616,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fill-striped">start</button></h3>
                     <div class="bs-example vertical v-fill-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2557,19 +2641,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2579,19 +2663,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fill-animated">start</button></h3>
                     <div class="bs-example vertical v-fill-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2604,19 +2688,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2626,19 +2710,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-aria">start</button></h3>
                     <div class="bs-example vertical v-fill-aria">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2651,19 +2735,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-a
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2673,19 +2757,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-a
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-animation">start</button></h3>
                     <div class="bs-example vertical v-fill-animation">
                         <div class="progress vertical wide">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2708,19 +2792,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-a
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2736,7 +2820,7 @@ <h1 id="v-fill-nonpercentage">filled text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-basic">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-basic">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2749,7 +2833,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2762,16 +2846,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-n
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-themed">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-themed">
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2784,16 +2868,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2806,19 +2890,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-striped">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2831,19 +2915,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2856,19 +2940,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-animated">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2881,19 +2965,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2906,19 +2990,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-aria">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-aria">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2931,19 +3015,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2956,19 +3040,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-n
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-animation">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-animation">
                         <div class="progress vertical wide">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2991,19 +3075,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-n
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3022,7 +3106,7 @@ <h1 id="v-center">centered text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center-basic">start</button></h3>
                     <div class="bs-example vertical v-center-basic">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3035,7 +3119,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3045,16 +3129,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-center-themed">start</button></h3>
                     <div class="bs-example vertical v-center-themed">
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3067,16 +3151,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3086,19 +3170,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-center-striped">start</button></h3>
                     <div class="bs-example vertical v-center-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3111,19 +3195,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3133,19 +3217,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-center-animated">start</button></h3>
                     <div class="bs-example vertical v-center-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3158,19 +3242,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3180,19 +3264,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center-aria">start</button></h3>
                     <div class="bs-example vertical v-center-aria">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3205,19 +3289,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3227,19 +3311,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-center-animation">start</button></h3>
                     <div class="bs-example vertical v-center-animation">
                         <div class="progress vertical wide">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3262,19 +3346,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3290,7 +3374,7 @@ <h1 id="v-center-nonpercentage">centered text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center-nonpercentage-basic">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-basic">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="75"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3303,7 +3387,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3316,16 +3400,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-themed">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-themed">
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3338,16 +3422,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3360,19 +3444,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-striped">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3385,19 +3469,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3410,19 +3494,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-animated">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar" aria-valuetransitiongoal="25"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3435,19 +3519,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3460,19 +3544,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center-nonpercentage-aria">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-aria">
                         <div class="progress vertical wide">
-                            <div class="bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3485,19 +3569,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3510,19 +3594,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-center-nonpercentage-animation">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-animation">
                         <div class="progress vertical wide">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3545,19 +3629,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3576,19 +3660,19 @@ <h1 id="m-misc">miscellaneous</h1>
                     <h3>delayed progressbars <button type="button" class="btn btn-primary" id="m-delay">start</button></h3>
                     <div class="bs-example m-delay">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3601,19 +3685,19 @@ <h3>delayed progressbars <button type="button" class="btn btn-primary" id="m-del
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3623,19 +3707,19 @@ <h3>delayed progressbars <button type="button" class="btn btn-primary" id="m-del
                     <h3>refresh speed progressbars <button type="button" class="btn btn-primary" id="m-refresh-speed">start</button></h3>
                     <div class="bs-example m-refresh-speed">
                         <div class="progress">
-                            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="25"></div>
+                            <div class="bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info six-sec-ease-in-out" aria-valuetransitiongoal="49"></div>
+                            <div class="bar bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success six-sec-ease-in-out" aria-valuetransitiongoal="50"></div>
+                            <div class="bar bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="51"></div>
+                            <div class="bar bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="75"></div>
+                            <div class="bar bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3658,19 +3742,19 @@ <h3>refresh speed progressbars <button type="button" class="btn btn-primary" id=
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3684,7 +3768,7 @@ <h3>refresh speed progressbars <button type="button" class="btn btn-primary" id=
                     <h3>callbacks <button type="button" class="btn btn-primary" id="m-callback">start</button></h3>
                     <div class="bs-example m-callback">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="100"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <p>update: <span id="m-callback-update"></span></p>
                         <p>done: <span id="m-callback-done"></span></p>
@@ -3702,7 +3786,7 @@ <h3>callbacks <button type="button" class="btn btn-primary" id="m-callback">star
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;p&gt;update: &lt;span id=&quot;m-callback-update&quot;&gt;&lt;/span&gt;&lt;/p&gt;
 &lt;p&gt;done: &lt;span id=&quot;m-callback-done&quot;&gt;&lt;/span&gt;&lt;/p&gt;</code>
@@ -3725,7 +3809,7 @@ <h3>callbacks <button type="button" class="btn btn-primary" id="m-callback">star
                     <h3>error <button type="button" class="btn btn-primary" id="m-error">start</button></h3>
                     <div class="bs-example m-error">
                         <div class="progress">
-                            <div class="bar"></div>
+                            <div class="bar" role="progressbar"></div>
                         </div>
                         <p>error: <span id="m-callback-error" style="color: red"></span></p>
                         <script type='text/javascript'>
@@ -3741,7 +3825,7 @@ <h3>error <button type="button" class="btn btn-primary" id="m-error">start</butt
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;p&gt;error: &lt;span id=&quot;m-callback-error&quot; style=&quot;color: red&quot;&gt;&lt;/span&gt;&lt;/p&gt;</code>
                         </pre><br>
@@ -3763,19 +3847,19 @@ <h3>error <button type="button" class="btn btn-primary" id="m-error">start</butt
                     <h3>custom percentage format <button type="button" class="btn btn-primary" id="m-custom-percentage-format">start</button></h3>
                     <div class="bs-example m-custom-percentage-format">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3788,19 +3872,19 @@ <h3>custom percentage format <button type="button" class="btn btn-primary" id="m
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3813,19 +3897,19 @@ <h3>custom percentage format <button type="button" class="btn btn-primary" id="m
                     <h3>custom amount format <button type="button" class="btn btn-primary" id="m-custom-amount-format">start</button></h3>
                     <div class="bs-example m-custom-amount-format">
                         <div class="progress">
-                            <div class="bar" aria-valuetransitiongoal="20"></div>
+                            <div class="bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="bar bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="bar bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="bar bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="bar bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="bar bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3838,19 +3922,19 @@ <h3>custom amount format <button type="button" class="btn btn-primary" id="m-cus
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;bar bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;bar bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
diff --git a/examples/bootstrap-3.0.0-rc2.html b/examples/bootstrap-3.0.0-rc2.html
index ba8cacf..10c01a4 100644
--- a/examples/bootstrap-3.0.0-rc2.html
+++ b/examples/bootstrap-3.0.0-rc2.html
@@ -2,11 +2,11 @@
 <html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-    <title>bootstrap-progressbar.js 0.6.0 for bootstrap 3.0.0-rc2</title>
+    <title>bootstrap-progressbar.js 0.7.0 for bootstrap 3.0.0-rc2</title>
 
     <link rel="stylesheet" type="text/css" href="prettify/prettify.min.css">
     <link rel="stylesheet" type="text/css" href="bootstrap/bootstrap-3.0.0-rc2.min.css">
-    <link rel="stylesheet" type="text/css" href="../css/bootstrap-progressbar-3.1.0.css">
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-progressbar-3.0.0-rc2.css">
 
     <style>
         /* awesome bootstrap style setup - thanks */
@@ -39,6 +39,90 @@
         .progress.wide { width: 60px; }
         .bs-example.vertical { height: 250px; }
 
+        pre, code {
+            font-weight: bold;
+            font-size: 12px;
+        }
+        code {
+            word-break: break-all;
+            white-space: normal;
+        }
+        pre {
+            overflow: auto;
+        }
+        pre code {
+            white-space: pre;
+            overflow: auto;
+            word-wrap: normal;
+        }
+        pre code span {
+            word-break: break-all;
+        }
+        .hll { background-color: #515151 }
+        .c { color: #999999 } /* Comment */
+        .err { color: #f2777a } /* Error */
+        .k { color: #cc99cc } /* Keyword */
+        .l { color: #f99157 } /* Literal */
+        .n { color: #cccccc } /* Name */
+        .o { color: #66cccc } /* Operator */
+        .p { color: #cccccc } /* Punctuation */
+        .cm { color: #999999 } /* Comment.Multiline */
+        .cp { color: #999999 } /* Comment.Preproc */
+        .c1 { color: #999999 } /* Comment.Single */
+        .cs { color: #999999 } /* Comment.Special */
+        .gd { color: #f2777a } /* Generic.Deleted */
+        .ge { font-style: italic } /* Generic.Emph */
+        .gh { color: #cccccc; font-weight: bold } /* Generic.Heading */
+        .gi { color: #99cc99 } /* Generic.Inserted */
+        .gp { color: #999999; font-weight: bold } /* Generic.Prompt */
+        .gs { font-weight: bold } /* Generic.Strong */
+        .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
+        .kc { color: #cc99cc } /* Keyword.Constant */
+        .kd { color: #cc99cc } /* Keyword.Declaration */
+        .kn { color: #66cccc } /* Keyword.Namespace */
+        .kp { color: #cc99cc } /* Keyword.Pseudo */
+        .kr { color: #cc99cc } /* Keyword.Reserved */
+        .kt { color: #ffcc66 } /* Keyword.Type */
+        .ld { color: #99cc99 } /* Literal.Date */
+        .m { color: #f99157 } /* Literal.Number */
+        .s { color: #99cc99 } /* Literal.String */
+        .na { color: #6699cc } /* Name.Attribute */
+        .nb { color: #cccccc } /* Name.Builtin */
+        .nc { color: #ffcc66 } /* Name.Class */
+        .no { color: #f2777a } /* Name.Constant */
+        .nd { color: #66cccc } /* Name.Decorator */
+        .ni { color: #cccccc } /* Name.Entity */
+        .ne { color: #f2777a } /* Name.Exception */
+        .nf { color: #6699cc } /* Name.Function */
+        .nl { color: #cccccc } /* Name.Label */
+        .nn { color: #ffcc66 } /* Name.Namespace */
+        .nx { color: #6699cc } /* Name.Other */
+        .py { color: #cccccc } /* Name.Property */
+        .nt { color: #66cccc } /* Name.Tag */
+        .nv { color: #f2777a } /* Name.Variable */
+        .ow { color: #66cccc } /* Operator.Word */
+        .w { color: #cccccc } /* Text.Whitespace */
+        .mf { color: #f99157 } /* Literal.Number.Float */
+        .mh { color: #f99157 } /* Literal.Number.Hex */
+        .mi { color: #f99157 } /* Literal.Number.Integer */
+        .mo { color: #f99157 } /* Literal.Number.Oct */
+        .sb { color: #99cc99 } /* Literal.String.Backtick */
+        .sc { color: #cccccc } /* Literal.String.Char */
+        .sd { color: #999999 } /* Literal.String.Doc */
+        .s2 { color: #99cc99 } /* Literal.String.Double */
+        .se { color: #f99157 } /* Literal.String.Escape */
+        .sh { color: #99cc99 } /* Literal.String.Heredoc */
+        .si { color: #f99157 } /* Literal.String.Interpol */
+        .sx { color: #99cc99 } /* Literal.String.Other */
+        .sr { color: #99cc99 } /* Literal.String.Regex */
+        .s1 { color: #99cc99 } /* Literal.String.Single */
+        .ss { color: #99cc99 } /* Literal.String.Symbol */
+        .bp { color: #cccccc } /* Name.Builtin.Pseudo */
+        .vc { color: #f2777a } /* Name.Variable.Class */
+        .vg { color: #f2777a } /* Name.Variable.Global */
+        .vi { color: #f2777a } /* Name.Variable.Instance */
+        .il { color: #f99157 } /* Literal.Number.Integer.Long */
+
         @media screen and (min-width: 768px) {
             .bs-example { margin-left: 0; margin-right: 0; background-color: #fff; border-width: 1px; border-color: #ddd; border-radius: 4px 4px 0 0; box-shadow: none; }
             .bs-example + .prettyprint, .bs-example + .highlight { margin-top: -1px; margin-left: 0; margin-right: 0; border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
@@ -74,7 +158,7 @@
     <a href="https://github.com/minddust/bootstrap-progressbar"><img style="position: fixed; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
     <div class="container">
         <div class="jumbotron">
-            <h1>bootstrap-progressbar - v0.6.0</h1>
+            <h1>bootstrap-progressbar - v0.7.0</h1>
             <p class="lead">examples running with jQuery v1.8.3 and bootstrap v3.0.0-rc2</p>
         </div>
         <div class="row">
@@ -249,7 +333,7 @@ <h1 id="h-default">default settings</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-default-basic">start</button></h3>
                     <div class="bs-example h-default-basic">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -262,7 +346,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -272,16 +356,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-defaul
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-default-themed">start</button></h3>
                     <div class="bs-example h-default-themed">
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -294,16 +378,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-defa
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -313,19 +397,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-defa
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-default-striped">start</button></h3>
                     <div class="bs-example h-default-striped">
                         <div class="progress progress-striped">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -338,19 +422,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-def
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -360,19 +444,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-def
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-default-animated">start</button></h3>
                     <div class="bs-example h-default-animated">
                         <div class="progress progress-striped active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -385,19 +469,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-de
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -407,19 +491,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-de
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-default-aria">start</button></h3>
                     <div class="bs-example h-default-aria">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -432,19 +516,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -454,19 +538,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-defaul
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-default-animation">start</button></h3>
                     <div class="bs-example h-default-animation">
                         <div class="progress">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -489,19 +573,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-defaul
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -530,7 +614,7 @@ <h1 id="h-right">default settings (right)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-right-basic">start</button></h3>
                     <div class="bs-example h-right-basic">
                         <div class="progress right">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -543,7 +627,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-right-
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -553,16 +637,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-right-
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-right-themed">start</button></h3>
                     <div class="bs-example h-right-themed">
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -575,16 +659,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-righ
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -594,19 +678,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-righ
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-right-striped">start</button></h3>
                     <div class="bs-example h-right-striped">
                         <div class="progress progress-striped right">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped right">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -619,19 +703,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-rig
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -641,19 +725,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-rig
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-right-animated">start</button></h3>
                     <div class="bs-example h-right-animated">
                         <div class="progress progress-striped right active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped right active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -666,19 +750,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ri
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped right active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -688,19 +772,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ri
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-right-aria">start</button></h3>
                     <div class="bs-example h-right-aria">
                         <div class="progress right">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -713,19 +797,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-right-
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -735,19 +819,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-right-
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-right-animation">start</button></h3>
                     <div class="bs-example h-right-animation">
                         <div class="progress right">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress right">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -770,19 +854,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-right-
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress right&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -798,7 +882,7 @@ <h1 id="h-fill">filled text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-basic">start</button></h3>
                     <div class="bs-example h-fill-basic">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -811,7 +895,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-b
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -821,16 +905,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-b
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill-themed">start</button></h3>
                     <div class="bs-example h-fill-themed">
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -843,16 +927,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -862,19 +946,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fill-striped">start</button></h3>
                     <div class="bs-example h-fill-striped">
                         <div class="progress progress-striped">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -887,19 +971,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -909,19 +993,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fill-animated">start</button></h3>
                     <div class="bs-example h-fill-animated">
                         <div class="progress progress-striped active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -934,19 +1018,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -956,19 +1040,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-aria">start</button></h3>
                     <div class="bs-example h-fill-aria">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -981,19 +1065,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-a
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1003,19 +1087,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-a
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-animation">start</button></h3>
                     <div class="bs-example h-fill-animation">
                         <div class="progress">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1038,19 +1122,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-a
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1066,7 +1150,7 @@ <h1 id="h-fill-nonpercentage">filled text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-basic">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-basic">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1079,7 +1163,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1092,16 +1176,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-n
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-themed">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-themed">
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1114,16 +1198,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1136,19 +1220,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-striped">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-striped">
                         <div class="progress progress-striped">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1161,19 +1245,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1186,19 +1270,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-animated">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-animated">
                         <div class="progress progress-striped active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1211,19 +1295,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1236,19 +1320,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-aria">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-aria">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1261,19 +1345,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1286,19 +1370,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-n
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-animation">start</button></h3>
                     <div class="bs-example h-fill-nonpercentage-animation">
                         <div class="progress">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1321,19 +1405,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-n
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1352,7 +1436,7 @@ <h1 id="h-center">centered text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center-basic">start</button></h3>
                     <div class="bs-example h-center-basic">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1365,7 +1449,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1375,16 +1459,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-center-themed">start</button></h3>
                     <div class="bs-example h-center-themed">
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1397,16 +1481,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1416,19 +1500,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-center-striped">start</button></h3>
                     <div class="bs-example h-center-striped">
                         <div class="progress progress-striped">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1441,19 +1525,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1463,19 +1547,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-center-animated">start</button></h3>
                     <div class="bs-example h-center-animated">
                         <div class="progress progress-striped active">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1488,19 +1572,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1510,19 +1594,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center-aria">start</button></h3>
                     <div class="bs-example h-center-aria">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1535,19 +1619,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1557,19 +1641,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-center-animation">start</button></h3>
                     <div class="bs-example h-center-animation">
                         <div class="progress">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1592,19 +1676,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1620,7 +1704,7 @@ <h1 id="h-center-nonpercentage">centered text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center-nonpercentage-basic">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-basic">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1633,7 +1717,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1646,16 +1730,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-themed">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-themed">
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1668,16 +1752,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1690,19 +1774,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-striped">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-striped">
                         <div class="progress progress-striped">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1715,19 +1799,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1740,19 +1824,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-animated">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-animated">
                         <div class="progress progress-striped active">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1765,19 +1849,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1790,19 +1874,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center-nonpercentage-aria">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-aria">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1815,19 +1899,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1840,19 +1924,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="h-center-nonpercentage-animation">start</button></h3>
                     <div class="bs-example h-center-nonpercentage-animation">
                         <div class="progress">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1875,19 +1959,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="h-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1919,7 +2003,7 @@ <h1 id="v-default">default settings</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-default-basic">start</button></h3>
                     <div class="bs-example vertical v-default-basic">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1932,7 +2016,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1942,16 +2026,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-defaul
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-default-themed">start</button></h3>
                     <div class="bs-example vertical v-default-themed">
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -1964,16 +2048,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-defa
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -1983,19 +2067,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-defa
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-default-striped">start</button></h3>
                     <div class="bs-example vertical v-default-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2008,19 +2092,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-def
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2030,19 +2114,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-def
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-default-animated">start</button></h3>
                     <div class="bs-example vertical v-default-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2055,19 +2139,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-de
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2077,19 +2161,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-de
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-default-aria">start</button></h3>
                     <div class="bs-example vertical v-default-aria">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2102,19 +2186,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-defaul
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2124,19 +2208,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-defaul
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-default-animation">start</button></h3>
                     <div class="bs-example vertical v-default-animation">
                         <div class="progress vertical wide">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2159,19 +2243,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-defaul
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2200,7 +2284,7 @@ <h1 id="v-bottom">default settings (bottom)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-bottom-basic">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-basic">
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2213,7 +2297,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-bottom
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2223,16 +2307,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-bottom
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-bottom-themed">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-themed">
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2245,16 +2329,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-bott
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2264,19 +2348,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-bott
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-bottom-striped">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-striped">
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2289,19 +2373,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-bot
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2311,19 +2395,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-bot
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-bottom-animated">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-animated">
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical bottom wide active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2336,19 +2420,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-bo
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2358,19 +2442,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-bo
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-bottom-aria">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-aria">
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2383,19 +2467,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-bottom
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2405,19 +2489,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-bottom
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-bottom-animation">start</button></h3>
                     <div class="bs-example vertical bottom v-bottom-animation">
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical bottom wide">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2440,19 +2524,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-bottom
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical bottom&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2468,7 +2552,7 @@ <h1 id="v-fill">filled text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-basic">start</button></h3>
                     <div class="bs-example vertical v-fill-basic">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2481,7 +2565,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-b
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2491,16 +2575,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-b
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill-themed">start</button></h3>
                     <div class="bs-example vertical v-fill-themed">
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2513,16 +2597,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2532,19 +2616,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fill-striped">start</button></h3>
                     <div class="bs-example vertical v-fill-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2557,19 +2641,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2579,19 +2663,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fill-animated">start</button></h3>
                     <div class="bs-example vertical v-fill-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2604,19 +2688,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2626,19 +2710,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-aria">start</button></h3>
                     <div class="bs-example vertical v-fill-aria">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2651,19 +2735,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-a
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2673,19 +2757,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-a
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-animation">start</button></h3>
                     <div class="bs-example vertical v-fill-animation">
                         <div class="progress vertical wide">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2708,19 +2792,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-a
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2736,7 +2820,7 @@ <h1 id="v-fill-nonpercentage">filled text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-basic">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-basic">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2749,7 +2833,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2762,16 +2846,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-n
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-themed">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-themed">
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2784,16 +2868,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2806,19 +2890,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-striped">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2831,19 +2915,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2856,19 +2940,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fil
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-animated">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2881,19 +2965,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2906,19 +2990,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fi
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-aria">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-aria">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2931,19 +3015,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-n
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -2956,19 +3040,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-n
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-animation">start</button></h3>
                     <div class="bs-example vertical v-fill-nonpercentage-animation">
                         <div class="progress vertical wide">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -2991,19 +3075,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-n
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3022,7 +3106,7 @@ <h1 id="v-center">centered text</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center-basic">start</button></h3>
                     <div class="bs-example vertical v-center-basic">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3035,7 +3119,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3045,16 +3129,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-center-themed">start</button></h3>
                     <div class="bs-example vertical v-center-themed">
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3067,16 +3151,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3086,19 +3170,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-center-striped">start</button></h3>
                     <div class="bs-example vertical v-center-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3111,19 +3195,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3133,19 +3217,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-center-animated">start</button></h3>
                     <div class="bs-example vertical v-center-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3158,19 +3242,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3180,19 +3264,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center-aria">start</button></h3>
                     <div class="bs-example vertical v-center-aria">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3205,19 +3289,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3227,19 +3311,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-center-animation">start</button></h3>
                     <div class="bs-example vertical v-center-animation">
                         <div class="progress vertical wide">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3262,19 +3346,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3290,7 +3374,7 @@ <h1 id="v-center-nonpercentage">centered text (nonpercentage)</h1>
                     <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center-nonpercentage-basic">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-basic">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3303,7 +3387,7 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3316,16 +3400,16 @@ <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center
                     <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-themed">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-themed">
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3338,16 +3422,16 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3360,19 +3444,19 @@ <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-cent
                     <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-striped">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-striped">
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3385,19 +3469,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3410,19 +3494,19 @@ <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-cen
                     <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-animated">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-animated">
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress progress-striped vertical wide active">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3435,19 +3519,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3460,19 +3544,19 @@ <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-ce
                     <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center-nonpercentage-aria">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-aria">
                         <div class="progress vertical wide">
-                            <div class="progress-bar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3485,19 +3569,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3510,19 +3594,19 @@ <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center
                     <h3>custom animations <button type="button" class="btn btn-primary" id="v-center-nonpercentage-animation">start</button></h3>
                     <div class="bs-example vertical v-center-nonpercentage-animation">
                         <div class="progress vertical wide">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress vertical wide">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3545,19 +3629,19 @@ <h3>custom animations <button type="button" class="btn btn-primary" id="v-center
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress vertical&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3576,19 +3660,19 @@ <h1 id="m-misc">miscellaneous</h1>
                     <h3>delayed progressbars <button type="button" class="btn btn-primary" id="m-delay">start</button></h3>
                     <div class="bs-example m-delay">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3601,19 +3685,19 @@ <h3>delayed progressbars <button type="button" class="btn btn-primary" id="m-del
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3623,19 +3707,19 @@ <h3>delayed progressbars <button type="button" class="btn btn-primary" id="m-del
                     <h3>refresh speed progressbars <button type="button" class="btn btn-primary" id="m-refresh-speed">start</button></h3>
                     <div class="bs-example m-refresh-speed">
                         <div class="progress">
-                            <div class="progress-bar six-sec-ease-in-out" aria-valuetransitiongoal="25"></div>
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="25"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" aria-valuetransitiongoal="49"></div>
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="49"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" aria-valuetransitiongoal="50"></div>
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="50"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" aria-valuetransitiongoal="51"></div>
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="51"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" aria-valuetransitiongoal="75"></div>
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="75"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3658,19 +3742,19 @@ <h3>refresh speed progressbars <button type="button" class="btn btn-primary" id=
                         </pre><br>
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3684,7 +3768,7 @@ <h3>refresh speed progressbars <button type="button" class="btn btn-primary" id=
                     <h3>callbacks <button type="button" class="btn btn-primary" id="m-callback">start</button></h3>
                     <div class="bs-example m-callback">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <p>update: <span id="m-callback-update"></span></p>
                         <p>done: <span id="m-callback-done"></span></p>
@@ -3702,7 +3786,7 @@ <h3>callbacks <button type="button" class="btn btn-primary" id="m-callback">star
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;p&gt;update: &lt;span id=&quot;m-callback-update&quot;&gt;&lt;/span&gt;&lt;/p&gt;
 &lt;p&gt;done: &lt;span id=&quot;m-callback-done&quot;&gt;&lt;/span&gt;&lt;/p&gt;</code>
@@ -3725,7 +3809,7 @@ <h3>callbacks <button type="button" class="btn btn-primary" id="m-callback">star
                     <h3>error <button type="button" class="btn btn-primary" id="m-error">start</button></h3>
                     <div class="bs-example m-error">
                         <div class="progress">
-                            <div class="progress-bar"></div>
+                            <div class="progress-bar" role="progressbar"></div>
                         </div>
                         <p>error: <span id="m-callback-error" style="color: red"></span></p>
                         <script type='text/javascript'>
@@ -3741,7 +3825,7 @@ <h3>error <button type="button" class="btn btn-primary" id="m-error">start</butt
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;p&gt;error: &lt;span id=&quot;m-callback-error&quot; style=&quot;color: red&quot;&gt;&lt;/span&gt;&lt;/p&gt;</code>
                         </pre><br>
@@ -3763,19 +3847,19 @@ <h3>error <button type="button" class="btn btn-primary" id="m-error">start</butt
                     <h3>custom percentage format <button type="button" class="btn btn-primary" id="m-custom-percentage-format">start</button></h3>
                     <div class="bs-example m-custom-percentage-format">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3788,19 +3872,19 @@ <h3>custom percentage format <button type="button" class="btn btn-primary" id="m
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
@@ -3813,19 +3897,19 @@ <h3>custom percentage format <button type="button" class="btn btn-primary" id="m
                     <h3>custom amount format <button type="button" class="btn btn-primary" id="m-custom-amount-format">start</button></h3>
                     <div class="bs-example m-custom-amount-format">
                         <div class="progress">
-                            <div class="progress-bar" aria-valuetransitiongoal="20"></div>
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-info" aria-valuetransitiongoal="40"></div>
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="60"></div>
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-warning" aria-valuetransitiongoal="80"></div>
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
                         </div>
                         <div class="progress">
-                            <div class="progress-bar progress-bar-danger" aria-valuetransitiongoal="100"></div>
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
                         </div>
                         <script type='text/javascript'>
                             $(document).ready(function() {
@@ -3838,19 +3922,19 @@ <h3>custom amount format <button type="button" class="btn btn-primary" id="m-cus
                     <div class="highlight">
                         <pre class="prettyprint">
 <code>&lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-info&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-success&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-warning&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class=&quot;progress&quot;&gt;
-    &lt;div class=&quot;progress-bar progress-bar-danger&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
 &lt;/div&gt;</code>
                         </pre><br>
                         <pre class="prettyprint">
diff --git a/examples/bootstrap-3.1.0.html b/examples/bootstrap-3.1.0.html
new file mode 100644
index 0000000..dc57b1f
--- /dev/null
+++ b/examples/bootstrap-3.1.0.html
@@ -0,0 +1,4016 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <title>bootstrap-progressbar.js 0.7.0 for bootstrap 3.1.0</title>
+
+    <link rel="stylesheet" type="text/css" href="prettify/prettify.min.css">
+    <link rel="stylesheet" type="text/css" href="bootstrap/bootstrap-3.1.0.min.css">
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-progressbar-3.1.0.css">
+
+    <style>
+        /* awesome bootstrap style setup - thanks */
+        .bs-sidebar.affix { position: static; }
+        .bs-sidenav { margin-top: 30px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; text-shadow: 0 1px 0 #fff; background-color: #f7f5fa; border-radius: 5px; }
+        .bs-sidenav strong { text-transform: uppercase; }
+        .bs-sidebar .nav > li > a { display: block; color: #716b7a; padding: 5px 20px; }
+        .bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus { text-decoration: none; background-color: #e5e3e9; border-right: 1px solid #dbd8e0; }
+        .bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a { font-weight: bold; color: #563d7c; background-color: transparent; border-right: 1px solid #563d7c; }
+        .bs-sidebar .nav .nav { display: none; margin-bottom: 8px; }
+        .bs-sidebar .nav .nav > li > a { padding-top: 3px; padding-bottom: 3px; padding-left: 30px; font-size: 90%; }
+        .bs-example { position: relative; padding: 45px 15px 15px; margin: 0 -15px 0px; background-color: #fafafa; box-shadow: inset 0 3px 6px rgba(0,0,0,.05); border-color: #e5e5e5 #eee #eee; border-style: solid; border-width: 1px 0; }
+        .bs-example:after { content: "Example"; position: absolute; top:  15px; left: 15px; font-size: 12px; font-weight: bold; color: #bbb; text-transform: uppercase; letter-spacing: 1px; }
+        .bs-example + .highlight { margin: -15px -15px 15px; border-radius: 0; border-width: 0 0 1px; }
+        .highlight { padding: 9px 14px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; }
+        .highlight pre { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; white-space: nowrap; }
+        .highlight pre code { font-size: inherit; color: #333; }
+        .highlight pre .lineno { display: inline-block; width: 22px; padding-right: 5px; margin-right: 10px; text-align: right; color: #bebec5; }
+        .bs-docs-section + .bs-docs-section { padding-top: 40px; }
+        .bs-callout { margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; }
+        .bs-callout h4 { margin-top: 0; }
+        .bs-callout p:last-child { margin-bottom: 0; }
+        .bs-callout code, .bs-callout .highlight { background-color: #fff; }
+        .bs-callout-danger { background-color: #fcf2f2; border-color: #dFb5b4; }
+        .bs-callout-warning { background-color: #fefbed; border-color: #f1e7bc; }
+        .bs-callout-info { background-color: #f0f7fd; border-color: #d0e3f0; }
+
+        .progress .progress-bar.six-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; -ms-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; transition: width 6s ease-in-out; }
+        .progress.vertical .progress-bar.six-sec-ease-in-out { -webkit-transition: height 6s ease-in-out; -moz-transition: height 6s ease-in-out; -ms-transition: height 6s ease-in-out; -o-transition: height 6s ease-in-out; transition: height 6s ease-in-out; }
+        .progress.wide { width: 60px; }
+        .bs-example.vertical { height: 250px; }
+
+        pre, code {
+            font-weight: bold;
+            font-size: 12px;
+        }
+        code {
+            word-break: break-all;
+            white-space: normal;
+        }
+        pre {
+        overflow: auto;
+        }
+        pre code {
+            white-space: pre;
+            overflow: auto;
+            word-wrap: normal;
+        }
+        pre code span {
+            word-break: break-all;
+        }
+        .hll { background-color: #515151 }
+        .c { color: #999999 } /* Comment */
+        .err { color: #f2777a } /* Error */
+        .k { color: #cc99cc } /* Keyword */
+        .l { color: #f99157 } /* Literal */
+        .n { color: #cccccc } /* Name */
+        .o { color: #66cccc } /* Operator */
+        .p { color: #cccccc } /* Punctuation */
+        .cm { color: #999999 } /* Comment.Multiline */
+        .cp { color: #999999 } /* Comment.Preproc */
+        .c1 { color: #999999 } /* Comment.Single */
+        .cs { color: #999999 } /* Comment.Special */
+        .gd { color: #f2777a } /* Generic.Deleted */
+        .ge { font-style: italic } /* Generic.Emph */
+        .gh { color: #cccccc; font-weight: bold } /* Generic.Heading */
+        .gi { color: #99cc99 } /* Generic.Inserted */
+        .gp { color: #999999; font-weight: bold } /* Generic.Prompt */
+        .gs { font-weight: bold } /* Generic.Strong */
+        .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
+        .kc { color: #cc99cc } /* Keyword.Constant */
+        .kd { color: #cc99cc } /* Keyword.Declaration */
+        .kn { color: #66cccc } /* Keyword.Namespace */
+        .kp { color: #cc99cc } /* Keyword.Pseudo */
+        .kr { color: #cc99cc } /* Keyword.Reserved */
+        .kt { color: #ffcc66 } /* Keyword.Type */
+        .ld { color: #99cc99 } /* Literal.Date */
+        .m { color: #f99157 } /* Literal.Number */
+        .s { color: #99cc99 } /* Literal.String */
+        .na { color: #6699cc } /* Name.Attribute */
+        .nb { color: #cccccc } /* Name.Builtin */
+        .nc { color: #ffcc66 } /* Name.Class */
+        .no { color: #f2777a } /* Name.Constant */
+        .nd { color: #66cccc } /* Name.Decorator */
+        .ni { color: #cccccc } /* Name.Entity */
+        .ne { color: #f2777a } /* Name.Exception */
+        .nf { color: #6699cc } /* Name.Function */
+        .nl { color: #cccccc } /* Name.Label */
+        .nn { color: #ffcc66 } /* Name.Namespace */
+        .nx { color: #6699cc } /* Name.Other */
+        .py { color: #cccccc } /* Name.Property */
+        .nt { color: #66cccc } /* Name.Tag */
+        .nv { color: #f2777a } /* Name.Variable */
+        .ow { color: #66cccc } /* Operator.Word */
+        .w { color: #cccccc } /* Text.Whitespace */
+        .mf { color: #f99157 } /* Literal.Number.Float */
+        .mh { color: #f99157 } /* Literal.Number.Hex */
+        .mi { color: #f99157 } /* Literal.Number.Integer */
+        .mo { color: #f99157 } /* Literal.Number.Oct */
+        .sb { color: #99cc99 } /* Literal.String.Backtick */
+        .sc { color: #cccccc } /* Literal.String.Char */
+        .sd { color: #999999 } /* Literal.String.Doc */
+        .s2 { color: #99cc99 } /* Literal.String.Double */
+        .se { color: #f99157 } /* Literal.String.Escape */
+        .sh { color: #99cc99 } /* Literal.String.Heredoc */
+        .si { color: #f99157 } /* Literal.String.Interpol */
+        .sx { color: #99cc99 } /* Literal.String.Other */
+        .sr { color: #99cc99 } /* Literal.String.Regex */
+        .s1 { color: #99cc99 } /* Literal.String.Single */
+        .ss { color: #99cc99 } /* Literal.String.Symbol */
+        .bp { color: #cccccc } /* Name.Builtin.Pseudo */
+        .vc { color: #f2777a } /* Name.Variable.Class */
+        .vg { color: #f2777a } /* Name.Variable.Global */
+        .vi { color: #f2777a } /* Name.Variable.Instance */
+        .il { color: #f99157 } /* Literal.Number.Integer.Long */
+
+        @media screen and (min-width: 768px) {
+            .bs-example { margin-left: 0; margin-right: 0; background-color: #fff; border-width: 1px; border-color: #ddd; border-radius: 4px 4px 0 0; box-shadow: none; }
+            .bs-example + .prettyprint, .bs-example + .highlight { margin-top: -1px; margin-left: 0; margin-right: 0; border-width: 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
+        }
+
+        @media screen and (min-width: 992px) {
+            .bs-sidebar .nav > .active > ul { display: block; }
+            .bs-sidebar.affix, .bs-sidebar.affix-bottom { width: 213px; }
+            .bs-sidebar.affix { position: fixed; top: 60px; }
+            .bs-sidebar.affix-bottom { position: absolute; }
+            .bs-sidebar.affix-bottom .bs-sidenav, .bs-sidebar.affix .bs-sidenav { margin-top: 0; margin-bottom: 0; }
+        }
+
+        @media screen and (min-width: 1200px) {
+            .bs-sidebar.affix-bottom, .bs-sidebar.affix { width: 263px; }
+        }
+    </style>
+
+    <script type='text/javascript' src="jquery/jquery-1.8.3.min.js"></script>
+    <script type='text/javascript' src="prettify/prettify.min.js"></script>
+    <script type='text/javascript' src="bootstrap/bootstrap-3.1.0.min.js"></script>
+    <script type='text/javascript' src="../bootstrap-progressbar.js"></script>
+
+    <script type='text/javascript'>
+        $(document).ready(function() {
+            $('.bs-sidebar').affix({ offset: { top: $('.jumbotron').outerHeight() } });
+            $('body').scrollspy({ target: '.bs-sidebar' });
+            prettyPrint();
+        });
+    </script>
+</head>
+<body>
+    <a href="https://github.com/minddust/bootstrap-progressbar"><img style="position: fixed; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
+    <div class="container">
+        <div class="jumbotron">
+            <h1>bootstrap-progressbar - v0.7.0</h1>
+            <p class="lead">examples running with jQuery v1.8.3 and bootstrap v3.1.0</p>
+        </div>
+        <div class="row">
+            <div class="col-md-3">
+                <div class="bs-sidebar">
+                    <ul class="nav bs-sidenav">
+                        <li class="text-center"><strong>horizontal</strong></li>
+                        <li>
+                            <a href="#h-default">default settings</a>
+                            <ul class="nav">
+                                <li><a href="#h-default-basic">basic</a></li>
+                                <li><a href="#h-default-themed">themed</a></li>
+                                <li><a href="#h-default-striped">striped</a></li>
+                                <li><a href="#h-default-animated">animated</a></li>
+                                <li><a href="#h-default-aria">custom aria range</a></li>
+                                <li><a href="#h-default-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#h-right">default settings (right)</a>
+                            <ul class="nav">
+                                <li><a href="#h-right-basic">basic</a></li>
+                                <li><a href="#h-right-themed">themed</a></li>
+                                <li><a href="#h-right-striped">striped</a></li>
+                                <li><a href="#h-right-animated">animated</a></li>
+                                <li><a href="#h-right-aria">custom aria range</a></li>
+                                <li><a href="#h-right-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#h-fill">filled text</a>
+                            <ul class="nav">
+                                <li><a href="#h-fill-basic">basic</a></li>
+                                <li><a href="#h-fill-themed">themed</a></li>
+                                <li><a href="#h-fill-striped">striped</a></li>
+                                <li><a href="#h-fill-animated">animated</a></li>
+                                <li><a href="#h-fill-aria">custom aria range</a></li>
+                                <li><a href="#h-fill-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#h-fill-nonpercentage">filled text (nonpercentage)</a>
+                            <ul class="nav">
+                                <li><a href="#h-fill-nonpercentage-basic">basic</a></li>
+                                <li><a href="#h-fill-nonpercentage-themed">themed</a></li>
+                                <li><a href="#h-fill-nonpercentage-striped">striped</a></li>
+                                <li><a href="#h-fill-nonpercentage-animated">animated</a></li>
+                                <li><a href="#h-fill-nonpercentage-aria">custom aria range</a></li>
+                                <li><a href="#h-fill-nonpercentage-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#h-center">centered text</a>
+                            <ul class="nav">
+                                <li><a href="#h-center-basic">basic</a></li>
+                                <li><a href="#h-center-themed">themed</a></li>
+                                <li><a href="#h-center-striped">striped</a></li>
+                                <li><a href="#h-center-animated">animated</a></li>
+                                <li><a href="#h-center-aria">custom aria range</a></li>
+                                <li><a href="#h-center-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#h-center-nonpercentage">centered text (nonpercentage)</a>
+                            <ul class="nav">
+                                <li><a href="#h-center-nonpercentage-basic">basic</a></li>
+                                <li><a href="#h-center-nonpercentage-themed">themed</a></li>
+                                <li><a href="#h-center-nonpercentage-striped">striped</a></li>
+                                <li><a href="#h-center-nonpercentage-animated">animated</a></li>
+                                <li><a href="#h-center-nonpercentage-aria">custom aria range</a></li>
+                                <li><a href="#h-center-nonpercentage-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li class="text-center"><strong>vertical</strong></li>
+                        <li>
+                            <a href="#v-default">default settings</a>
+                            <ul class="nav">
+                                <li><a href="#v-default-basic">basic</a></li>
+                                <li><a href="#v-default-themed">themed</a></li>
+                                <li><a href="#v-default-striped">striped</a></li>
+                                <li><a href="#v-default-animated">animated</a></li>
+                                <li><a href="#v-default-aria">custom aria range</a></li>
+                                <li><a href="#v-default-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#v-bottom">default settings (bottom)</a>
+                            <ul class="nav">
+                                <li><a href="#v-bottom-basic">basic</a></li>
+                                <li><a href="#v-bottom-themed">themed</a></li>
+                                <li><a href="#v-bottom-striped">striped</a></li>
+                                <li><a href="#v-bottom-animated">animated</a></li>
+                                <li><a href="#v-bottom-aria">custom aria range</a></li>
+                                <li><a href="#v-bottom-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#v-fill">filled text</a>
+                            <ul class="nav">
+                                <li><a href="#v-fill-basic">basic</a></li>
+                                <li><a href="#v-fill-themed">themed</a></li>
+                                <li><a href="#v-fill-striped">striped</a></li>
+                                <li><a href="#v-fill-animated">animated</a></li>
+                                <li><a href="#v-fill-aria">custom aria range</a></li>
+                                <li><a href="#v-fill-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#v-fill-nonpercentage">filled text (nonpercentage)</a>
+                            <ul class="nav">
+                                <li><a href="#v-fill-nonpercentage-basic">basic</a></li>
+                                <li><a href="#v-fill-nonpercentage-themed">themed</a></li>
+                                <li><a href="#v-fill-nonpercentage-striped">striped</a></li>
+                                <li><a href="#v-fill-nonpercentage-animated">animated</a></li>
+                                <li><a href="#v-fill-nonpercentage-aria">custom aria range</a></li>
+                                <li><a href="#v-fill-nonpercentage-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#v-center">centered text</a>
+                            <ul class="nav">
+                                <li><a href="#v-center-basic">basic</a></li>
+                                <li><a href="#v-center-themed">themed</a></li>
+                                <li><a href="#v-center-striped">striped</a></li>
+                                <li><a href="#v-center-animated">animated</a></li>
+                                <li><a href="#v-center-aria">custom aria range</a></li>
+                                <li><a href="#v-center-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#v-center-nonpercentage">centered text (nonpercentage)</a>
+                            <ul class="nav">
+                                <li><a href="#v-center-nonpercentage-basic">basic</a></li>
+                                <li><a href="#v-center-nonpercentage-themed">themed</a></li>
+                                <li><a href="#v-center-nonpercentage-striped">striped</a></li>
+                                <li><a href="#v-center-nonpercentage-animated">animated</a></li>
+                                <li><a href="#v-center-nonpercentage-aria">custom aria range</a></li>
+                                <li><a href="#v-center-nonpercentage-animation">custom animation</a></li>
+                            </ul>
+                        </li>
+                        <li class="text-center"><strong>miscellaneous</strong></li>
+                        <li><a href="#m-delay">transition delay</a></li>
+                        <li><a href="#m-refresh-speed">refresh speed</a></li>
+                        <li><a href="#m-callback">callbacks</a></li>
+                        <li><a href="#m-error">error</a></li>
+                        <li><a href="#m-custom-percentage-format">custom percent format</a></li>
+                        <li><a href="#m-custom-amount-format">custom amount format</a></li>
+                        <li><a href="#m-multi-trigger-0">multi trigger</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="col-md-9">
+                <div class="bs-callout bs-callout-info">all examples have to be triggered manually by clicking the <button type="button" class="btn btn-primary" id="">start</button> button.</div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="h-default">default settings</h1>
+                    </div>
+                    <p class="lead">this is just plain default behavior.</p>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>Progressbar.defaults = {
+    transition_delay: 300,
+    refresh_speed: 50,
+    display_text: 'none',
+    use_percentage: true,
+    update: $.noop,
+    done: $.noop,
+    fail: $.noop
+};</code>
+                        </pre>
+                    </div>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-default-basic">start</button></h3>
+                    <div class="bs-example h-default-basic">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-default-basic').click(function() {
+                                    $('.h-default-basic .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-default-themed">start</button></h3>
+                    <div class="bs-example h-default-themed">
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-default-themed').click(function() {
+                                    $('.h-default-themed .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-default-striped">start</button></h3>
+                    <div class="bs-example h-default-striped">
+                        <div class="progress progress-striped">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-default-striped').click(function() {
+                                    $('.h-default-striped .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-default-animated">start</button></h3>
+                    <div class="bs-example h-default-animated">
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-default-animated').click(function() {
+                                    $('.h-default-animated .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="h-default-aria">start</button></h3>
+                    <div class="bs-example h-default-aria">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-default-aria').click(function() {
+                                    $('.h-default-aria .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="h-default-animation">start</button></h3>
+                    <div class="bs-example h-default-animation">
+                        <div class="progress">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-default-animation').click(function() {
+                                    $('.h-default-animation .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: width 6s ease-in-out;
+    -moz-transition: width 6s ease-in-out;
+    -ms-transition: width 6s ease-in-out;
+    -o-transition: width 6s ease-in-out;
+    transition: width 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="h-right">default settings (right)</h1>
+                    </div>
+                    <p class="lead">this is just plain default behavior - right aligned.</p>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>Progressbar.defaults = {
+    transition_delay: 300,
+    refresh_speed: 50,
+    display_text: 'none',
+    use_percentage: true,
+    update: $.noop,
+    done: $.noop,
+    fail: $.noop
+};</code>
+                        </pre>
+                    </div>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-right-basic">start</button></h3>
+                    <div class="bs-example h-right-basic">
+                        <div class="progress right">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-right-basic').click(function() {
+                                    $('.h-right-basic .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-right-themed">start</button></h3>
+                    <div class="bs-example h-right-themed">
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-right-themed').click(function() {
+                                    $('.h-right-themed .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-right-striped">start</button></h3>
+                    <div class="bs-example h-right-striped">
+                        <div class="progress progress-striped right">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped right">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped right">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped right">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped right">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-right-striped').click(function() {
+                                    $('.h-right-striped .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped right&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-right-animated">start</button></h3>
+                    <div class="bs-example h-right-animated">
+                        <div class="progress progress-striped right active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped right active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped right active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped right active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped right active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-right-animated').click(function() {
+                                    $('.h-right-animated .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped right active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped right active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="h-right-aria">start</button></h3>
+                    <div class="bs-example h-right-aria">
+                        <div class="progress right">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-right-aria').click(function() {
+                                    $('.h-right-aria .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="h-right-animation">start</button></h3>
+                    <div class="bs-example h-right-animation">
+                        <div class="progress right">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress right">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-right-animation').click(function() {
+                                    $('.h-right-animation .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: width 6s ease-in-out;
+    -moz-transition: width 6s ease-in-out;
+    -ms-transition: width 6s ease-in-out;
+    -o-transition: width 6s ease-in-out;
+    transition: width 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress right&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="h-fill">filled text</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display text on the filled bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-basic">start</button></h3>
+                    <div class="bs-example h-fill-basic">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-basic').click(function() {
+                                    $('.h-fill-basic .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill-themed">start</button></h3>
+                    <div class="bs-example h-fill-themed">
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-themed').click(function() {
+                                    $('.h-fill-themed .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fill-striped">start</button></h3>
+                    <div class="bs-example h-fill-striped">
+                        <div class="progress progress-striped">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-striped').click(function() {
+                                    $('.h-fill-striped .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fill-animated">start</button></h3>
+                    <div class="bs-example h-fill-animated">
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-animated').click(function() {
+                                    $('.h-fill-animated .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-aria">start</button></h3>
+                    <div class="bs-example h-fill-aria">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-aria').click(function() {
+                                    $('.h-fill-aria .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-animation">start</button></h3>
+                    <div class="bs-example h-fill-animation">
+                        <div class="progress">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-animation').click(function() {
+                                    $('.h-fill-animation .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: width 6s ease-in-out;
+    -moz-transition: width 6s ease-in-out;
+    -ms-transition: width 6s ease-in-out;
+    -o-transition: width 6s ease-in-out;
+    transition: width 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="h-fill-nonpercentage">filled text (nonpercentage)</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display nonpercentage text on the filled bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-basic">start</button></h3>
+                    <div class="bs-example h-fill-nonpercentage-basic">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-nonpercentage-basic').click(function() {
+                                    $('.h-fill-nonpercentage-basic .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-themed">start</button></h3>
+                    <div class="bs-example h-fill-nonpercentage-themed">
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-nonpercentage-themed').click(function() {
+                                    $('.h-fill-nonpercentage-themed .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-striped">start</button></h3>
+                    <div class="bs-example h-fill-nonpercentage-striped">
+                        <div class="progress progress-striped">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-nonpercentage-striped').click(function() {
+                                    $('.h-fill-nonpercentage-striped .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-animated">start</button></h3>
+                    <div class="bs-example h-fill-nonpercentage-animated">
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-nonpercentage-animated').click(function() {
+                                    $('.h-fill-nonpercentage-animated .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-aria">start</button></h3>
+                    <div class="bs-example h-fill-nonpercentage-aria">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-nonpercentage-aria').click(function() {
+                                    $('.h-fill-nonpercentage-aria .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="h-fill-nonpercentage-animation">start</button></h3>
+                    <div class="bs-example h-fill-nonpercentage-animation">
+                        <div class="progress">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-fill-nonpercentage-animation').click(function() {
+                                    $('.h-fill-nonpercentage-animation .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: width 6s ease-in-out;
+    -moz-transition: width 6s ease-in-out;
+    -ms-transition: width 6s ease-in-out;
+    -o-transition: width 6s ease-in-out;
+    transition: width 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="h-center">centered text</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display centered text on the bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center-basic">start</button></h3>
+                    <div class="bs-example h-center-basic">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-basic').click(function() {
+                                    $('.h-center-basic .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-center-themed">start</button></h3>
+                    <div class="bs-example h-center-themed">
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-themed').click(function() {
+                                    $('.h-center-themed .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-center-striped">start</button></h3>
+                    <div class="bs-example h-center-striped">
+                        <div class="progress progress-striped">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-striped').click(function() {
+                                    $('.h-center-striped .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-center-animated">start</button></h3>
+                    <div class="bs-example h-center-animated">
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-animated').click(function() {
+                                    $('.h-center-animated .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center-aria">start</button></h3>
+                    <div class="bs-example h-center-aria">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-aria').click(function() {
+                                    $('.h-center-aria .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="h-center-animation">start</button></h3>
+                    <div class="bs-example h-center-animation">
+                        <div class="progress">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-animation').click(function() {
+                                    $('.h-center-animation .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: width 6s ease-in-out;
+    -moz-transition: width 6s ease-in-out;
+    -ms-transition: width 6s ease-in-out;
+    -o-transition: width 6s ease-in-out;
+    transition: width 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="h-center-nonpercentage">centered text (nonpercentage)</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display nonpercentage centered text on the bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="h-center-nonpercentage-basic">start</button></h3>
+                    <div class="bs-example h-center-nonpercentage-basic">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-nonpercentage-basic').click(function() {
+                                    $('.h-center-nonpercentage-basic .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-themed">start</button></h3>
+                    <div class="bs-example h-center-nonpercentage-themed">
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-nonpercentage-themed').click(function() {
+                                    $('.h-center-nonpercentage-themed .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-striped">start</button></h3>
+                    <div class="bs-example h-center-nonpercentage-striped">
+                        <div class="progress progress-striped">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-nonpercentage-striped').click(function() {
+                                    $('.h-center-nonpercentage-striped .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="h-center-nonpercentage-animated">start</button></h3>
+                    <div class="bs-example h-center-nonpercentage-animated">
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-nonpercentage-animated').click(function() {
+                                    $('.h-center-nonpercentage-animated .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="h-center-nonpercentage-aria">start</button></h3>
+                    <div class="bs-example h-center-nonpercentage-aria">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-nonpercentage-aria').click(function() {
+                                    $('.h-center-nonpercentage-aria .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="h-center-nonpercentage-animation">start</button></h3>
+                    <div class="bs-example h-center-nonpercentage-animation">
+                        <div class="progress">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#h-center-nonpercentage-animation').click(function() {
+                                    $('.h-center-nonpercentage-animation .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: width 6s ease-in-out;
+    -moz-transition: width 6s ease-in-out;
+    -ms-transition: width 6s ease-in-out;
+    -o-transition: width 6s ease-in-out;
+    transition: width 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="v-default">default settings</h1>
+                    </div>
+                    <p class="lead">this is just plain default behavior.</p>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>Progressbar.defaults = {
+    transition_delay: 300,
+    refresh_speed: 50,
+    display_text: 'none',
+    use_percentage: true,
+    update: $.noop,
+    done: $.noop,
+    fail: $.noop
+};</code>
+                        </pre>
+                    </div>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-default-basic">start</button></h3>
+                    <div class="bs-example vertical v-default-basic">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-default-basic').click(function() {
+                                    $('.v-default-basic .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-default-themed">start</button></h3>
+                    <div class="bs-example vertical v-default-themed">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-default-themed').click(function() {
+                                    $('.v-default-themed .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-default-striped">start</button></h3>
+                    <div class="bs-example vertical v-default-striped">
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-default-striped').click(function() {
+                                    $('.v-default-striped .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-default-animated">start</button></h3>
+                    <div class="bs-example vertical v-default-animated">
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-default-animated').click(function() {
+                                    $('.v-default-animated .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="v-default-aria">start</button></h3>
+                    <div class="bs-example vertical v-default-aria">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-default-aria').click(function() {
+                                    $('.v-default-aria .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="v-default-animation">start</button></h3>
+                    <div class="bs-example vertical v-default-animation">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-default-animation').click(function() {
+                                    $('.v-default-animation .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress.vertical .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: height 6s ease-in-out;
+    -moz-transition: height 6s ease-in-out;
+    -ms-transition: height 6s ease-in-out;
+    -o-transition: height 6s ease-in-out;
+    transition: height 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="v-bottom">default settings (bottom)</h1>
+                    </div>
+                    <p class="lead">this is just plain default behavior - bottom aligned.</p>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>Progressbar.defaults = {
+    transition_delay: 300,
+    refresh_speed: 50,
+    display_text: 'none',
+    use_percentage: true,
+    update: $.noop,
+    done: $.noop,
+    fail: $.noop
+};</code>
+                        </pre>
+                    </div>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-bottom-basic">start</button></h3>
+                    <div class="bs-example vertical bottom v-bottom-basic">
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-bottom-basic').click(function() {
+                                    $('.v-bottom-basic .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-bottom-themed">start</button></h3>
+                    <div class="bs-example vertical bottom v-bottom-themed">
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-bottom-themed').click(function() {
+                                    $('.v-bottom-themed .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-bottom-striped">start</button></h3>
+                    <div class="bs-example vertical bottom v-bottom-striped">
+                        <div class="progress progress-striped vertical bottom wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-bottom-striped').click(function() {
+                                    $('.v-bottom-striped .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-bottom-animated">start</button></h3>
+                    <div class="bs-example vertical bottom v-bottom-animated">
+                        <div class="progress progress-striped vertical bottom wide active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical bottom wide active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-bottom-animated').click(function() {
+                                    $('.v-bottom-animated .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical bottom wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="v-bottom-aria">start</button></h3>
+                    <div class="bs-example vertical bottom v-bottom-aria">
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-bottom-aria').click(function() {
+                                    $('.v-bottom-aria .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="v-bottom-animation">start</button></h3>
+                    <div class="bs-example vertical bottom v-bottom-animation">
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical bottom wide">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-bottom-animation').click(function() {
+                                    $('.v-bottom-animation .progress-bar').progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress.vertical .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: height 6s ease-in-out;
+    -moz-transition: height 6s ease-in-out;
+    -ms-transition: height 6s ease-in-out;
+    -o-transition: height 6s ease-in-out;
+    transition: height 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical bottom&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar();</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="v-fill">filled text</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display text on the filled bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-basic">start</button></h3>
+                    <div class="bs-example vertical v-fill-basic">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-basic').click(function() {
+                                    $('.v-fill-basic .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill-themed">start</button></h3>
+                    <div class="bs-example vertical v-fill-themed">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-themed').click(function() {
+                                    $('.v-fill-themed .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fill-striped">start</button></h3>
+                    <div class="bs-example vertical v-fill-striped">
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-striped').click(function() {
+                                    $('.v-fill-striped .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fill-animated">start</button></h3>
+                    <div class="bs-example vertical v-fill-animated">
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-animated').click(function() {
+                                    $('.v-fill-animated .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-aria">start</button></h3>
+                    <div class="bs-example vertical v-fill-aria">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-aria').click(function() {
+                                    $('.v-fill-aria .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-animation">start</button></h3>
+                    <div class="bs-example vertical v-fill-animation">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-animation').click(function() {
+                                    $('.v-fill-animation .progress-bar').progressbar({display_text: 'fill'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress.vertical .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: height 6s ease-in-out;
+    -moz-transition: height 6s ease-in-out;
+    -ms-transition: height 6s ease-in-out;
+    -o-transition: height 6s ease-in-out;
+    transition: height 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'fill'});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="v-fill-nonpercentage">filled text (nonpercentage)</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display nonpercentage text on the filled bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-basic">start</button></h3>
+                    <div class="bs-example vertical v-fill-nonpercentage-basic">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-nonpercentage-basic').click(function() {
+                                    $('.v-fill-nonpercentage-basic .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-themed">start</button></h3>
+                    <div class="bs-example vertical v-fill-nonpercentage-themed">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-nonpercentage-themed').click(function() {
+                                    $('.v-fill-nonpercentage-themed .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-striped">start</button></h3>
+                    <div class="bs-example vertical v-fill-nonpercentage-striped">
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-nonpercentage-striped').click(function() {
+                                    $('.v-fill-nonpercentage-striped .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-animated">start</button></h3>
+                    <div class="bs-example vertical v-fill-nonpercentage-animated">
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-nonpercentage-animated').click(function() {
+                                    $('.v-fill-nonpercentage-animated .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-aria">start</button></h3>
+                    <div class="bs-example vertical v-fill-nonpercentage-aria">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-nonpercentage-aria').click(function() {
+                                    $('.v-fill-nonpercentage-aria .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="v-fill-nonpercentage-animation">start</button></h3>
+                    <div class="bs-example vertical v-fill-nonpercentage-animation">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-fill-nonpercentage-animation').click(function() {
+                                    $('.v-fill-nonpercentage-animation .progress-bar').progressbar({display_text: 'fill', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress.vertical .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: height 6s ease-in-out;
+    -moz-transition: height 6s ease-in-out;
+    -ms-transition: height 6s ease-in-out;
+    -o-transition: height 6s ease-in-out;
+    transition: height 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'fill',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="v-center">centered text</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display centered text on the bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center-basic">start</button></h3>
+                    <div class="bs-example vertical v-center-basic">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-basic').click(function() {
+                                    $('.v-center-basic .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-center-themed">start</button></h3>
+                    <div class="bs-example vertical v-center-themed">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-themed').click(function() {
+                                    $('.v-center-themed .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-center-striped">start</button></h3>
+                    <div class="bs-example vertical v-center-striped">
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-striped').click(function() {
+                                    $('.v-center-striped .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-center-animated">start</button></h3>
+                    <div class="bs-example vertical v-center-animated">
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-animated').click(function() {
+                                    $('.v-center-animated .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center-aria">start</button></h3>
+                    <div class="bs-example vertical v-center-aria">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-aria').click(function() {
+                                    $('.v-center-aria .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="v-center-animation">start</button></h3>
+                    <div class="bs-example vertical v-center-animation">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-animation').click(function() {
+                                    $('.v-center-animation .progress-bar').progressbar({display_text: 'center'});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress.vertical .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: height 6s ease-in-out;
+    -moz-transition: height 6s ease-in-out;
+    -ms-transition: height 6s ease-in-out;
+    -o-transition: height 6s ease-in-out;
+    transition: height 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({display_text: 'center'});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="v-center-nonpercentage">centered text (nonpercentage)</h1>
+                    </div>
+                    <p class="lead">the following examples are showing how to display nonpercentage centered text on the bar.</p>
+                    <h3>basic progressbar <button type="button" class="btn btn-primary" id="v-center-nonpercentage-basic">start</button></h3>
+                    <div class="bs-example vertical v-center-nonpercentage-basic">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-nonpercentage-basic').click(function() {
+                                    $('.v-center-nonpercentage-basic .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;75&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>themed progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-themed">start</button></h3>
+                    <div class="bs-example vertical v-center-nonpercentage-themed">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-nonpercentage-themed').click(function() {
+                                    $('.v-center-nonpercentage-themed .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>striped progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-striped">start</button></h3>
+                    <div class="bs-example vertical v-center-nonpercentage-striped">
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-nonpercentage-striped').click(function() {
+                                    $('.v-center-nonpercentage-striped .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>animated progressbars <button type="button" class="btn btn-primary" id="v-center-nonpercentage-animated">start</button></h3>
+                    <div class="bs-example vertical v-center-nonpercentage-animated">
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress progress-striped vertical wide active">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-nonpercentage-animated').click(function() {
+                                    $('.v-center-nonpercentage-animated .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress progress-striped vertical wide active&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom aria range <button type="button" class="btn btn-primary" id="v-center-nonpercentage-aria">start</button></h3>
+                    <div class="bs-example vertical v-center-nonpercentage-aria">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="2" aria-valuemin="1" aria-valuemax="6"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40" aria-valuemin="-40" aria-valuemax="200"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60" aria-valuemax="120"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80" aria-valuemin="30" ></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-nonpercentage-aria').click(function() {
+                                    $('.v-center-nonpercentage-aria .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;2&quot; aria-valuemin=&quot;1&quot; aria-valuemax=&quot;6&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot; aria-valuemin=&quot;-40&quot; aria-valuemax=&quot;200&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot; aria-valuemax=&quot;120&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot; aria-valuemin=&quot;30&quot; &gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom animations <button type="button" class="btn btn-primary" id="v-center-nonpercentage-animation">start</button></h3>
+                    <div class="bs-example vertical v-center-nonpercentage-animation">
+                        <div class="progress vertical wide">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress vertical wide">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#v-center-nonpercentage-animation').click(function() {
+                                    $('.v-center-nonpercentage-animation .progress-bar').progressbar({display_text: 'center', use_percentage: false});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress.vertical .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: height 6s ease-in-out;
+    -moz-transition: height 6s ease-in-out;
+    -ms-transition: height 6s ease-in-out;
+    -o-transition: height 6s ease-in-out;
+    transition: height 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress vertical&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false
+});</code>
+                        </pre>
+                    </div>
+                </div>
+                <div class="bs-docs-section">
+                    <div class="page-header">
+                        <h1 id="m-misc">miscellaneous</h1>
+                    </div>
+                    <p class="lead">all other functionality and settings</p>
+                    <h3>delayed progressbars <button type="button" class="btn btn-primary" id="m-delay">start</button></h3>
+                    <div class="bs-example m-delay">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#m-delay').click(function() {
+                                    $('.m-delay .progress-bar').progressbar({transition_delay: 3000});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({transition_delay: 3000});</code>
+                        </pre>
+                    </div>
+                    <h3>refresh speed progressbars <button type="button" class="btn btn-primary" id="m-refresh-speed">start</button></h3>
+                    <div class="bs-example m-refresh-speed">
+                        <div class="progress">
+                            <div class="progress-bar six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="25"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="49"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="50"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="51"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="75"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#m-refresh-speed').click(function() {
+                                    $('.m-refresh-speed .progress-bar').progressbar({display_text: 'center', use_percentage: false, refresh_speed: 500});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>.progress .progress-bar.six-sec-ease-in-out {
+    -webkit-transition: width 6s ease-in-out;
+    -moz-transition: width 6s ease-in-out;
+    -ms-transition: width 6s ease-in-out;
+    -o-transition: width 6s ease-in-out;
+    transition: width 6s ease-in-out;
+}
+</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger six-sec-ease-in-out&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false,
+    refresh_speed: 500
+});</code>
+                        </pre>
+                    </div>
+                    <h3>callbacks <button type="button" class="btn btn-primary" id="m-callback">start</button></h3>
+                    <div class="bs-example m-callback">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <p>update: <span id="m-callback-update"></span></p>
+                        <p>done: <span id="m-callback-done"></span></p>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#m-callback').click(function() {
+                                    $('.m-callback .progress-bar').progressbar({
+                                        update: function(current_percentage) { $('#m-callback-update').html(current_percentage); },
+                                        done: function() { $('#m-callback-done').html('yeah! done!'); }
+                                    });
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;update: &lt;span id=&quot;m-callback-update&quot;&gt;&lt;/span&gt;&lt;/p&gt;
+&lt;p&gt;done: &lt;span id=&quot;m-callback-done&quot;&gt;&lt;/span&gt;&lt;/p&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$(document).ready(function() {
+    $('#m-callback').click(function() {
+        $('.m-callback .progress-bar').progressbar({
+            update: function(current_percentage) {
+                $('#m-callback-update').html(current_percentage);
+            },
+            done: function() {
+                $('#m-callback-done').html('yeah! done!');
+            }
+        });
+    });
+});</code>
+                        </pre>
+                    </div>
+                    <h3>error <button type="button" class="btn btn-primary" id="m-error">start</button></h3>
+                    <div class="bs-example m-error">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar"></div>
+                        </div>
+                        <p>error: <span id="m-callback-error" style="color: red"></span></p>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#m-error').click(function() {
+                                    $('.m-error .progress-bar').progressbar({
+                                        fail: function(error) { $('#m-callback-error').html(error); }
+                                    });
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;p&gt;error: &lt;span id=&quot;m-callback-error&quot; style=&quot;color: red&quot;&gt;&lt;/span&gt;&lt;/p&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$(document).ready(function() {
+    $('#m-callback').click(function() {
+        $('.m-callback .progress-bar').progressbar({
+            update: function(current_percentage) {
+                $('#m-callback-update').html(current_percentage);
+            },
+            done: function() {
+                $('#m-callback-done').html('yeah! done!');
+            }
+        });
+    });
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom percentage format <button type="button" class="btn btn-primary" id="m-custom-percentage-format">start</button></h3>
+                    <div class="bs-example m-custom-percentage-format">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#m-custom-percentage-format').click(function() {
+                                    $('.m-custom-percentage-format .progress-bar').progressbar({display_text: 'center', percent_format: function(p) {return p + ' percent';}});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    percent_format: function(p) {return p + ' percent';}
+});</code>
+                        </pre>
+                    </div>
+                    <h3>custom amount format <button type="button" class="btn btn-primary" id="m-custom-amount-format">start</button></h3>
+                    <div class="bs-example m-custom-amount-format">
+                        <div class="progress">
+                            <div class="progress-bar" role="progressbar" aria-valuetransitiongoal="20"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuetransitiongoal="40"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuetransitiongoal="60"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuetransitiongoal="80"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuetransitiongoal="100"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                $('#m-custom-amount-format').click(function() {
+                                    $('.m-custom-amount-format .progress-bar').progressbar({display_text: 'center', use_percentage: false, amount_format: function(p, t) {return p + ' of ' + t;}});
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;20&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;40&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;60&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;80&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot; role=&quot;progressbar&quot; aria-valuetransitiongoal=&quot;100&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>$('.progress-bar').progressbar({
+    display_text: 'center',
+    use_percentage: false,
+    amount_format: function(p, t) {return p + ' of ' + t;}
+});</code>
+                        </pre>
+                    </div>
+                    <h3>multi trigger <button type="button" class="btn btn-primary" id="m-multi-trigger-0">0</button> <button type="button" class="btn btn-primary" id="m-multi-trigger-50">50</button> <button type="button" class="btn btn-primary" id="m-multi-trigger-100">100</button></h3>
+                    <div class="bs-example m-multi-trigger">
+                        <div class="progress">
+                            <div class="progress-bar"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-info"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-success"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-warning"></div>
+                        </div>
+                        <div class="progress">
+                            <div class="progress-bar progress-bar-danger"></div>
+                        </div>
+                        <script type='text/javascript'>
+                            $(document).ready(function() {
+                                var $ps = $('.m-multi-trigger .progress-bar');
+                                $('#m-multi-trigger-0').click(function() {
+                                    $ps.attr('aria-valuetransitiongoal', 0).progressbar();
+                                });
+                                $('#m-multi-trigger-50').click(function() {
+                                    $ps.attr('aria-valuetransitiongoal', 50).progressbar();
+                                });
+                                $('#m-multi-trigger-100').click(function() {
+                                    $ps.attr('aria-valuetransitiongoal', 100).progressbar();
+                                });
+                            });
+                        </script>
+                    </div>
+                    <div class="highlight">
+                        <pre class="prettyprint">
+<code>&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-info&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-success&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-warning&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;
+&lt;div class=&quot;progress&quot;&gt;
+    &lt;div class=&quot;progress-bar progress-bar-danger&quot;&gt;&lt;/div&gt;
+&lt;/div&gt;</code>
+                        </pre><br>
+                        <pre class="prettyprint">
+<code>var $ps = $('.progress-bar');
+$('#m-multi-trigger-0').click(function() {
+    $ps.attr('aria-valuetransitiongoal', 0).progressbar();
+});
+$('#m-multi-trigger-50').click(function() {
+    $ps.attr('aria-valuetransitiongoal', 50).progressbar();
+});
+$('#m-multi-trigger-100').click(function() {
+    $ps.attr('aria-valuetransitiongoal', 100).progressbar();
+});</code>
+                        </pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/examples/bootstrap/bootstrap-3.1.0.min.css b/examples/bootstrap/bootstrap-3.1.0.min.css
new file mode 100644
index 0000000..381834e
--- /dev/null
+++ b/examples/bootstrap/bootstrap-3.1.0.min.css
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v3.1.0 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}.list-inline>li:first-child{padding-left:0}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.428571429;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666666666666%}.col-xs-pull-10{right:83.33333333333334%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666666666666%}.col-xs-pull-7{right:58.333333333333336%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666666666667%}.col-xs-pull-4{right:33.33333333333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.666666666666664%}.col-xs-pull-1{right:8.333333333333332%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666666666666%}.col-xs-push-10{left:83.33333333333334%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666666666666%}.col-xs-push-7{left:58.333333333333336%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666666666667%}.col-xs-push-4{left:33.33333333333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.666666666666664%}.col-xs-push-1{left:8.333333333333332%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666666666666%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666666666666%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-4{margin-left:33.33333333333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.666666666666664%}.col-xs-offset-1{margin-left:8.333333333333332%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group .list-group-item:first-child{border-top:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel>.list-group:first-child .list-group-item:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tfoot>tr:first-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tfoot>tr:first-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>td{border-top:0}.panel>.table-bordered>thead>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:last-child>th,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:last-child>td,.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.428571429px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top .arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right .arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom .arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left .arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print{display:none!important}}
\ No newline at end of file
diff --git a/examples/bootstrap/bootstrap-3.1.0.min.js b/examples/bootstrap/bootstrap-3.1.0.min.js
new file mode 100644
index 0000000..1d4a4ed
--- /dev/null
+++ b/examples/bootstrap/bootstrap-3.1.0.min.js
@@ -0,0 +1,6 @@
+/*!
+ * Bootstrap v3.1.0 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+if("undefined"==typeof jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});return this.$element.trigger(j),j.isDefaultPrevented()?void 0:(this.sliding=!0,f&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),f&&this.cycle(),this)};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j<i.length-1&&j++,~j||(j=0),i.eq(j).focus()}}}};var g=a.fn.dropdown;a.fn.dropdown=function(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new f(this)),"string"==typeof b&&d[b].call(c)})},a.fn.dropdown.Constructor=f,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=g,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",e,f.prototype.toggle).on("keydown.bs.dropdown.data-api",e+", [role=menu], [role=listbox]",f.prototype.keydown)}(jQuery),+function(a){"use strict";var b=function(b,c){this.options=c,this.$element=a(b),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};b.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},b.prototype.toggle=function(a){return this[this.isShown?"hide":"show"](a)},b.prototype.show=function(b){var c=this,d=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(d),this.isShown||d.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var d=a.support.transition&&c.$element.hasClass("fade");c.$element.parent().length||c.$element.appendTo(document.body),c.$element.show().scrollTop(0),d&&c.$element[0].offsetWidth,c.$element.addClass("in").attr("aria-hidden",!1),c.enforceFocus();var e=a.Event("shown.bs.modal",{relatedTarget:b});d?c.$element.find(".modal-dialog").one(a.support.transition.end,function(){c.$element.focus().trigger(e)}).emulateTransitionEnd(300):c.$element.focus().trigger(e)}))},b.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one(a.support.transition.end,a.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},b.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.focus()},this))},b.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},b.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.removeBackdrop(),a.$element.trigger("hidden.bs.modal")})},b.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},b.prototype.backdrop=function(b){var c=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var d=a.support.transition&&c;if(this.$backdrop=a('<div class="modal-backdrop '+c+'" />').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this,d=this.tip();this.setContent(),this.options.animation&&d.addClass("fade");var e="function"==typeof this.options.placement?this.options.placement.call(this,d[0],this.$element[0]):this.options.placement,f=/\s?auto?\s?/i,g=f.test(e);g&&(e=e.replace(f,"")||"top"),d.detach().css({top:0,left:0,display:"block"}).addClass(e),this.options.container?d.appendTo(this.options.container):d.insertAfter(this.$element);var h=this.getPosition(),i=d[0].offsetWidth,j=d[0].offsetHeight;if(g){var k=this.$element.parent(),l=e,m=document.documentElement.scrollTop||document.body.scrollTop,n="body"==this.options.container?window.innerWidth:k.outerWidth(),o="body"==this.options.container?window.innerHeight:k.outerHeight(),p="body"==this.options.container?0:k.offset().left;e="bottom"==e&&h.top+h.height+j-m>o?"top":"top"==e&&h.top-m-j<0?"bottom":"right"==e&&h.right+i>n?"left":"left"==e&&h.left-i<p?"right":e,d.removeClass(l).addClass(e)}var q=this.getCalculatedOffset(e,h,i,j);this.applyPlacement(q,e),this.hoverState=null;var r=function(){c.$element.trigger("shown.bs."+c.type)};a.support.transition&&this.$tip.hasClass("fade")?d.one(a.support.transition.end,r).emulateTransitionEnd(150):r()}},b.prototype.applyPlacement=function(b,c){var d,e=this.tip(),f=e[0].offsetWidth,g=e[0].offsetHeight,h=parseInt(e.css("margin-top"),10),i=parseInt(e.css("margin-left"),10);isNaN(h)&&(h=0),isNaN(i)&&(i=0),b.top=b.top+h,b.left=b.left+i,a.offset.setOffset(e[0],a.extend({using:function(a){e.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),e.addClass("in");var j=e[0].offsetWidth,k=e[0].offsetHeight;if("top"==c&&k!=g&&(d=!0,b.top=b.top+g-k),/bottom|top/.test(c)){var l=0;b.left<0&&(l=-2*b.left,b.left=0,e.offset(b),j=e[0].offsetWidth,k=e[0].offsetHeight),this.replaceArrow(l-f+j,j,"left")}else this.replaceArrow(k-g,k,"top");d&&e.offset(b)},b.prototype.replaceArrow=function(a,b,c){this.arrow().css(c,a?50*(1-a/b)+"%":"")},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},b.prototype.hide=function(){function b(){"in"!=c.hoverState&&d.detach(),c.$element.trigger("hidden.bs."+c.type)}var c=this,d=this.tip(),e=a.Event("hide.bs."+this.type);return this.$element.trigger(e),e.isDefaultPrevented()?void 0:(d.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d.one(a.support.transition.end,b).emulateTransitionEnd(150):b(),this.hoverState=null,this)},b.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},b.prototype.hasContent=function(){return this.getTitle()},b.prototype.getPosition=function(){var b=this.$element[0];return a.extend({},"function"==typeof b.getBoundingClientRect?b.getBoundingClientRect():{width:b.offsetWidth,height:b.offsetHeight},this.$element.offset())},b.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},b.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},b.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},b.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},b.prototype.enable=function(){this.enabled=!0},b.prototype.disable=function(){this.enabled=!1},b.prototype.toggleEnabled=function(){this.enabled=!this.enabled},b.prototype.toggle=function(b){var c=b?a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type):this;c.tip().hasClass("in")?c.leave(c):c.enter(c)},b.prototype.destroy=function(){clearTimeout(this.timeout),this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var c=a.fn.tooltip;a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.tooltip",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.tooltip.Constructor=b,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=c,this}}(jQuery),+function(a){"use strict";var b=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");b.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(a(c).is("body")?window:c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);{var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})}},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery);
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index a880493..6de0c7f 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -2,14 +2,14 @@
 <html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-    <title>bootstrap-progressbar.js 0.6.0</title>
+    <title>bootstrap-progressbar.js 0.7.0</title>
     <link rel="stylesheet" type="text/css" href="bootstrap/bootstrap-3.0.0-rc2.min.css">
 </head>
 <body>
     <a href="https://github.com/minddust/bootstrap-progressbar"><img style="position: fixed; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
     <div class="container">
         <div class="jumbotron">
-            <h1>bootstrap-progressbar - v0.6.0</h1>
+            <h1>bootstrap-progressbar - v0.7.0</h1>
             <p class="lead">progressbar interactions for twitter bootstrap 2 & 3</p>
         </div>
         <div class="row">
@@ -29,6 +29,7 @@ <h1>bootstrap-progressbar - v0.6.0</h1>
                     <div class="panel-footer">
                         <ul>
                             <li><a href="bootstrap-3.0.0-rc2.html">bootstrap-3.0.0-rc2</a></li>
+                            <li><a href="bootstrap-3.1.0.html">bootstrap-3.1.0</a></li>
                         </ul>
                     </div>
                 </div>
diff --git a/less/bootstrap-progressbar-2.x.x.less b/less/bootstrap-progressbar-2.x.x.less
index 1f99035..e341ac1 100644
--- a/less/bootstrap-progressbar-2.x.x.less
+++ b/less/bootstrap-progressbar-2.x.x.less
@@ -51,7 +51,8 @@
   height: 100%;
   float: left;
   margin-right: @progressbarVerticalWidth;
-  #gradient > .horizontal(#f5f5f5, #f9f9f9);
+  #gradient > .vertical(#f5f5f5, #f9f9f9);
+  background-repeat: repeat;
 }
 
 .progress.vertical.bottom {
@@ -66,8 +67,8 @@
 .progress.vertical .bar {
   width: 100%;
   height: 0;
-  #gradient > .horizontal(#149bdf, #0480be);
   .transition(height .6s ease);
+  background-repeat: repeat;
 }
 
 .progress.vertical.bottom .bar {
@@ -77,7 +78,8 @@
 
 // Danger (red)
 .progress-danger.vertical .bar, .progress.vertical .bar-danger {
-  #gradient > .horizontal(#ee5f5b, #c43c35);
+  #gradient > .vertical(#ee5f5b, #c43c35);
+  background-repeat: repeat;
 }
 .progress-danger.progress-striped.vertical .bar, .progress.progress-striped.vertical .bar-danger {
   #gradient > .striped(#ee5f5b);
@@ -85,7 +87,8 @@
 
 // Success (green)
 .progress-success.vertical .bar, .progress.vertical .bar-success {
-  #gradient > .horizontal(#62c462, #57a957);
+  #gradient > .vertical(#62c462, #57a957);
+  background-repeat: repeat;
 }
 .progress-success.progress-striped.vertical .bar, .progress.progress-striped.vertical .bar-success {
   #gradient > .striped(#62c462);
@@ -93,7 +96,8 @@
 
 // Info (teal)
 .progress-info.vertical .bar, .progress.vertical .bar-info {
-  #gradient > .horizontal(#5bc0de, #339bb9);
+  #gradient > .vertical(#5bc0de, #339bb9);
+  background-repeat: repeat;
 }
 .progress-info.progress-striped.vertical .bar, .progress.progress-striped.vertical .bar-info {
   #gradient > .striped(#5bc0de);
@@ -101,7 +105,8 @@
 
 // Warning (orange)
 .progress-warning.vertical .bar, .progress.vertical .bar-warning {
-  #gradient > .horizontal(lighten(@orange, 15%), @orange);
+  #gradient > .vertical(lighten(@orange, 15%), @orange);
+  background-repeat: repeat;
 }
 .progress-warning.progress-striped.vertical .bar, .progress.progress-striped.vertical .bar-warning {
   #gradient > .striped(lighten(@orange, 15%));
diff --git a/package.json b/package.json
index d31984a..61c5886 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "bootstrap-progressbar",
   "description": "progressbar interactions for twitter bootstrap 2 & 3",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "keywords": [
     "boostrap-progressbar",
     "progressbar"