.horizontal .progress-bar {
  float: left;
  width: 100%;
}

.horizontal .progress-track {
  position: relative;
  width: 90%;
  height: 20px;
  background:#999999;
  
}
.horizontal1 .progress-track {
  position: relative;
  width: 90%;
  height: 23px;
  background:#CC3300;
  
}
.horizontal .progress-fill {
  position: relative;
  background:#009900;
  height: 20px;
  width: 50%;
  color:#CCFF00;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 15px;
  line-height: 20px;

}
.horizontal1 .progress-fill {
  position: relative;
  background:#6A79FF;
  height: 23px;
  width: 50%;
  color:#CCFF00;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 18px;
  line-height: 23px;

}
.rounded .progress-track,
.rounded .progress-fill {
  border-radius: 1px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}



/* Vertical */

.vertical .progress-bar {
  float: left;
  height: 300px;
  width: 40px;
  margin-right: 25px;
}

.vertical .progress-track {
  position: relative;
  width: 40px;
  height: 100%;
  background: #ebebeb;
}

.vertical .progress-fill {
  position: relative;
  background: #825;
  height: 50%;
  width: 40px;
  color: #fff;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.rounded .progress-track,
.rounded .progress-fill {
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  border-radius: 3px;
}