.progress-bar {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
display: inline-block;
position: relative;
width: 100%;
height: 12px;
margin: 0 6px 4px 0;
background: #f8f8f8;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
-o-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}
.progress-bar > div.median {
  width: 10px;
  height: 7px;
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -5px;
  background: url(../../assets/img/ui/prog-indicator.png) top center no-repeat;
  text-indent: -9999px;
}
.progress-bar span {
display: block;
border: 1px solid;
height: 100%;
position: relative;
top: 0;
left: 0;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-transition: width 0.4s ease-in-out;
-moz-transition: width 0.4s ease-in-out;
-ms-transition: width 0.4s ease-in-out;
-o-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.progress-bar.blue span {
border-color: #4687b9;
background: #bfe2fd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfe2fd), color-stop(100%, #8ec5ef));
background: -webkit-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
background: -o-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
background: -ms-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
background: linear-gradient(to bottom, #bfe2fd 0%, #8ec5ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe2fd', endColorstr='#8ec5ef', GradientType=0);
}
.progress-bar.yellow span {
  border-color: #d8941d;
  background: #fdde66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZGU2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGI2MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdde66), color-stop(100%, #f8b62d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fdde66 0%, #f8b62d 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdde66', endColorstr='#f8b62d', GradientType=0);
  /* IE6-8 */
}
.progress-bar.green span {
  border-color: #679d32;
  background: #b0ea77;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZWE3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmMzNWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0ea77), color-stop(100%, #8fc35a));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #b0ea77 0%, #8fc35a 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0ea77', endColorstr='#8fc35a', GradientType=0);
  /* IE6-8 */

}
.progress-bar.red span {
  border-color: #da4a19;
  background: #fe8c66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOGM2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzc3NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe8c66), color-stop(100%, #ec774f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fe8c66 0%, #ec774f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8c66', endColorstr='#ec774f', GradientType=0);
  /* IE6-8 */

}
.ie9 .bar div {
  filter: none !important;
}