.progress-wrapper {
  width: 100%;
  margin-top: 2px;
  /* whatever width you want */
  position: relative;
}
.progress-wrapper:after {
  padding-top: 8.33%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.osl-progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(/css/img/progress_sprite.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.progress-H-0 {
	background-position: 0% 0%;
}
.progress-H-1 {
	background-position: 0% 4%;
}
.progress-H-2 {
	background-position: 0% 8%;
}
.progress-H-3 {
	background-position: 0% 12%;
}
.progress-H-4 {
	background-position: 0% 16%;
}
.progress-H-5 {
	background-position: 0% 20%;
}
.progress-H-6 {
	background-position: 0% 24%;
}
.progress-H-7 {
	background-position: 0% 28%;
}
.progress-H-8 {
	background-position: 0% 32%;
}
.progress-H-9 {
	background-position: 0% 36%;
}
.progress-H-10 {
	background-position: 0% 40%;
}
.progress-H-11 {
	background-position: 0% 44%;
}
.progress-H-12 {
	/*background-position: 0% 48%;*/
	background-position: 0% 100.00%;
}
.progress-H-13 {
	background-position: 0% 100.00%;
}

.progress-S-0 {
	background-position: 0% 0%;
}
.progress-S-1 {
	background-position: 0% 52%;
}
.progress-S-2 {
	background-position: 0% 56%;
}
.progress-S-3 {
	background-position: 0% 60%;
}
.progress-S-4 {
	background-position: 0% 64%;
}
.progress-S-5 {
	background-position: 0% 68%;
}
.progress-S-6 {
	background-position: 0% 72%;
}
.progress-S-7 {
	background-position: 0% 76%;
}
.progress-S-8 {
	background-position: 0% 80%;
}
.progress-S-9 {
	background-position: 0% 84%;
}
.progress-S-10 {
	background-position: 0% 88%;
}
.progress-S-11 {
	background-position: 0% 92%;
}
.progress-S-12 {
	/*background-position: 0% 96%;*/
	background-position: 0% 100.00%;
}
.progress-S-13 {
	background-position: 0% 100.00%;
}

.progress-D-1 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 0%;
}
.progress-D-2 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 9.1%;
}
.progress-D-3 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 18.2%;
}
.progress-D-4 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 27.3;
}
.progress-D-5 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 36.4%;
}
.progress-D-6 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 45.5%;
}
.progress-D-7 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 54.6%;
}
.progress-D-8 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 63.7%;
}
.progress-D-9 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 72.8%;
}
.progress-D-10 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 81.9%;
}
.progress-D-11 {
	background-image: url(/css/img/progress_dead.png);
	background-position: 0% 91%;
}
.progress-D-12 {
	background-image: url(/css/img/progress_sprite.png);
	background-position: 0% 100%;
}