#progress-bar-div {
  left     : 50px;
  position : absolute;
  top      : 10px;
}

.progressbar {
  margin                : 25px;
  width                 : 250px;
  height                : 20px;
  -webkit-border-radius : 5px;
  -moz-border-radius    : 5px;
  border-radius         : 5px;
  border                : 1px black solid;
  -webkit-box-shadow    : inset 0 0 5px rgba(255, 255, 255, 0.5);
  -moz-box-shadow       : inset 0 0 5px rgba(255, 255, 255, 0.5);
  box-shadow            : inset 0 0 5px rgba(255, 255, 255, 0.5);
  position              : relative;
}

.zero-twenty {
  -webkit-animation : progress0-20 2s 1 forwards;
  -moz-animation    : progress0-20 2s 1 forwards;
  -ms-animation     : progress0-20 2s 1 forwards;
  animation         : progress0-20 2s 1 forwards;
}

.zero-twenty-five {
  -webkit-animation : progress0-25 2s 1 forwards;
  -moz-animation    : progress0-25 2s 1 forwards;
  -ms-animation     : progress0-25 2s 1 forwards;
  animation         : progress0-25 2s 1 forwards;
}

.zero-fifty {
  -webkit-animation : progress0-50 2s 1 forwards;
  -moz-animation    : progress0-50 2s 1 forwards;
  -ms-animation     : progress0-50 2s 1 forwards;
  animation         : progress0-50 2s 1 forwards;
}

.twenty-five-fifty {
  -webkit-animation : progress25-50 2s 1 forwards;
  -moz-animation    : progress25-50 2s 1 forwards;
  -ms-animation     : progress25-50 2s 1 forwards;
  animation         : progress25-50 2s 1 forwards;
}

.twenty-forty {
  -webkit-animation : progress20-40 2s 1 forwards;
  -moz-animation    : progress20-40 2s 1 forwards;
  -ms-animation     : progress20-40 2s 1 forwards;
  animation         : progress20-40 2s 1 forwards;
}

.fifty-seventy-five {
  -webkit-animation : progress50-75 2s 1 forwards;
  -moz-animation    : progress50-75 2s 1 forwards;
  -ms-animation     : progress50-75 2s 1 forwards;
  animation         : progress50-75 2s 1 forwards;
}

.sixty-eighty {
  -webkit-animation : progress60-80 2s 1 forwards;
  -moz-animation    : progress60-80 2s 1 forwards;
  -ms-animation     : progress60-80 2s 1 forwards;
  animation         : progress60-80 2s 1 forwards;
}

.seventy-five-hundred {
  -webkit-animation : progress75-100 2s 1 forwards;
  -moz-animation    : progress75-100 2s 1 forwards;
  -ms-animation     : progress75-100 2s 1 forwards;
  animation         : progress75-100 2s 1 forwards;
}

.eighty-hundred {
  -webkit-animation : progress80-100 2s 1 forwards;
  -moz-animation    : progress80-100 2s 1 forwards;
  -ms-animation     : progress80-100 2s 1 forwards;
  animation         : progress80-100 2s 1 forwards;
}

.eighty-sixty {
  -webkit-animation : progress80-60 2s 1 forwards;
  -moz-animation    : progress80-60 2s 1 forwards;
  -ms-animation     : progress80-60 2s 1 forwards;
  animation         : progress80-60 2s 1 forwards;
}

.seventy-five-fifty {
  -webkit-animation : progress75-50 2s 1 forwards;
  -moz-animation    : progress75-50 2s 1 forwards;
  -ms-animation     : progress75-50 2s 1 forwards;
  animation         : progress75-50 2s 1 forwards;
}

.hundred-seventy-five {
  -webkit-animation : progress100-75 2s 1 forwards;
  -moz-animation    : progress100-75 2s 1 forwards;
  -ms-animation     : progress100-75 2s 1 forwards;
  animation         : progress100-75 2s 1 forwards;
}

.hundred-eighty {
  -webkit-animation : progress100-80 2s 1 forwards;
  -moz-animation    : progress100-80 2s 1 forwards;
  -ms-animation     : progress100-80 2s 1 forwards;
  animation         : progress100-80 2s 1 forwards;
}

.hundred-fifty {
  -webkit-animation : progress100-50 2s 1 forwards;
  -moz-animation    : progress100-50 2s 1 forwards;
  -ms-animation     : progress100-50 2s 1 forwards;
  animation         : progress100-50 2s 1 forwards;
}

.fifty-hundred {
  -webkit-animation : progress50-100 2s 1 forwards;
  -moz-animation    : progress50-100 2s 1 forwards;
  -ms-animation     : progress50-100 2s 1 forwards;
  animation         : progress50-100 2s 1 forwards;
}

.fifty-twenty-five {
  -webkit-animation : progress50-25 2s 1 forwards;
  -moz-animation    : progress50-25 2s 1 forwards;
  -ms-animation     : progress50-25 2s 1 forwards;
  animation         : progress50-25 2s 1 forwards;
}

.forty-twenty {
  -webkit-animation : progress40-20 2s 1 forwards;
  -moz-animation    : progress40-20 2s 1 forwards;
  -ms-animation     : progress40-20 2s 1 forwards;
  animation         : progress40-20 2s 1 forwards;
}

.sixty-forty {
  -webkit-animation : progress60-40 2s 1 forwards;
  -moz-animation    : progress60-40 2s 1 forwards;
  -ms-animation     : progress60-40 2s 1 forwards;
  animation         : progress60-40 2s 1 forwards;
}

.forty-sixty {
  -webkit-animation : progress40-60 2s 1 forwards;
  -moz-animation    : progress40-60 2s 1 forwards;
  -ms-animation     : progress40-60 2s 1 forwards;
  animation         : progress40-60 2s 1 forwards;
}

.progressbar::after {
  content  : '';
  margin   : 0;
  padding  : 0;
  width    : 100%;
  height   : 100%;
  position : absolute;
  top      : 0;
  left     : 0;
}

.blue-bar {
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5db138), color-stop(1, #5db138));
  background : -moz-linear-gradient(center top, #5db138 5%, #5db138 100%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#71c8b1", endColorstr="#71c8b1");
}

#step {
  padding     : 2px;
  font-size   : 12px;
  font-weight : bold;
  float       : right;
}

#review {
  padding     : 2px;
  font-size   : 12px;
  font-weight : bold;
  float       : right;
}

@-webkit-keyframes progress0-20 {
  from { width : 0; }
  to { width : 200px; }
}

@-moz-keyframes progress0-20 {
  from { width : 0; }
  to { width : 200px; }
}

@-ms-keyframes progress0-20 {
  from { width : 0; }
  to { width : 200px; }
}

@keyframes progress0-20 {
  from { width : 0; }
  to { width : 200px; }
}

@-webkit-keyframes progress0-25 {
  from { width : 0; }
  to { width : 250px; }
}

@-moz-keyframes progress0-25 {
  from { width : 0; }
  to { width : 250px; }
}

@-ms-keyframes progress0-25 {
  from { width : 0; }
  to { width : 250px; }
}

@keyframes progress0-25 {
  from { width : 0; }
  to { width : 250px; }
}

@-webkit-keyframes progress0-50 {
  from { width : 0; }
  to { width : 500px; }
}

@-moz-keyframes progress0-50 {
  from { width : 0; }
  to { width : 500px; }
}

@-ms-keyframes progress0-50 {
  from { width : 0; }
  to { width : 500px; }
}

@keyframes progress0-50 {
  from { width : 0; }
  to { width : 500px; }
}

@-webkit-keyframes progress25-50 {
  from { width : 250px; }
  to { width : 500px; }
}

@-moz-keyframes progress25-50 {
  from { width : 250px; }
  to { width : 500px; }
}

@-ms-keyframes progress25-50 {
  from { width : 250px; }
  to { width : 500px; }
}

@keyframes progress25-50 {
  from { width : 250px; }
  to { width : 500px; }
}

@-webkit-keyframes progress20-40 {
  from { width : 200px; }
  to { width : 400px; }
}

@-moz-keyframes progress20-40 {
  from { width : 200px; }
  to { width : 400px; }
}

@-ms-keyframes progress20-40 {
  from { width : 200px; }
  to { width : 400px; }
}

@keyframes progress20-40 {
  from { width : 200px; }
  to { width : 400px; }
}

@-webkit-keyframes progress50-75 {
  from { width : 500px; }
  to { width : 750px; }
}

@-moz-keyframes progress50-75 {
  from { width : 500px; }
  to { width : 750px; }
}

@-ms-keyframes progress50-75 {
  from { width : 500px; }
  to { width : 750px; }
}

@keyframes progress50-75 {
  from { width : 500px; }
  to { width : 750px; }
}

@-webkit-keyframes progress60-80 {
  from { width : 600px; }
  to { width : 800px; }
}

@-moz-keyframes progress60-80 {
  from { width : 600px; }
  to { width : 800px; }
}

@-ms-keyframes progress60-80 {
  from { width : 600px; }
  to { width : 800px; }
}

@keyframes progress60-80 {
  from { width : 600px; }
  to { width : 800px; }
}

@-webkit-keyframes progress75-100 {
  from { width : 750px; }
  to { width : 1000px; }
}

@-moz-keyframes progress75-100 {
  from { width : 750px; }
  to { width : 1000px; }
}

@-ms-keyframes progress75-100 {
  from { width : 750px; }
  to { width : 1000px; }
}

@keyframes progress75-100 {
  from { width : 750px; }
  to { width : 1000px; }
}

@-webkit-keyframes progress80-100 {
  from { width : 800px; }
  to { width : 1000px; }
}

@-moz-keyframes progress80-100 {
  from { width : 800px; }
  to { width : 1000px; }
}

@-ms-keyframes progress80-100 {
  from { width : 800px; }
  to { width : 1000px; }
}

@keyframes progress80-100 {
  from { width : 800px; }
  to { width : 1000px; }
}

@-webkit-keyframes progress80-60 {
  from { width : 800px; }
  to { width : 600px; }
}

@-moz-keyframes progress80-60 {
  from { width : 800px; }
  to { width : 600px; }
}

@-ms-keyframes progress80-60 {
  from { width : 800px; }
  to { width : 600px; }
}

@keyframes progress80-60 {
  from { width : 800px; }
  to { width : 600px; }
}

@-webkit-keyframes progress75-50 {
  from { width : 750px; }
  to { width : 500px; }
}

@-moz-keyframes progress75-50 {
  from { width : 750px; }
  to { width : 500px; }
}

@-ms-keyframes progress75-50 {
  from { width : 750px; }
  to { width : 500px; }
}

@keyframes progress75-50 {
  from { width : 750px; }
  to { width : 500px; }
}

@-webkit-keyframes progress100-75 {
  from { width : 1000px; }
  to { width : 750px; }
}

@-moz-keyframes progress100-75 {
  from { width : 1000px; }
  to { width : 750px; }
}

@-ms-keyframes progress100-75 {
  from { width : 1000px; }
  to { width : 750px; }
}

@keyframes progress100-75 {
  from { width : 1000px; }
  to { width : 750px; }
}

@-webkit-keyframes progress100-80 {
  from { width : 1000px; }
  to { width : 800px; }
}

@-moz-keyframes progress100-80 {
  from { width : 1000px; }
  to { width : 800px; }
}

@-ms-keyframes progress100-80 {
  from { width : 1000px; }
  to { width : 800px; }
}

@keyframes progress100-80 {
  from { width : 1000px; }
  to { width : 800px; }
}

@-webkit-keyframes progress100-50 {
  from { width : 1000px; }
  to { width : 500px; }
}

@-moz-keyframes progress100-50 {
  from { width : 1000px; }
  to { width : 500px; }
}

@-ms-keyframes progress100-50 {
  from { width : 1000px; }
  to { width : 500px; }
}

@keyframes progress100-50 {
  from { width : 1000px; }
  to { width : 500px; }
}

@-webkit-keyframes progress50-25 {
  from { width : 500px; }
  to { width : 250px; }
}

@-moz-keyframes progress50-25 {
  from { width : 500px; }
  to { width : 250px; }
}

@-ms-keyframes progress50-25 {
  from { width : 500px; }
  to { width : 250px; }
}

@keyframes progress50-25 {
  from { width : 500px; }
  to { width : 250px; }
}

@-webkit-keyframes progress40-20 {
  from { width : 400px; }
  to { width : 200px; }
}

@-moz-keyframes progress40-20 {
  from { width : 400px; }
  to { width : 200px; }
}

@-ms-keyframes progress40-20 {
  from { width : 400px; }
  to { width : 200px; }
}

@keyframes progress40-20 {
  from { width : 400px; }
  to { width : 200px; }
}

@-webkit-keyframes progress60-40 {
  from { width : 600px; }
  to { width : 400px; }
}

@-moz-keyframes progress60-40 {
  from { width : 600px; }
  to { width : 400px; }
}

@-ms-keyframes progress60-40 {
  from { width : 600px; }
  to { width : 400px; }
}

@keyframes progress60-40 {
  from { width : 600px; }
  to { width : 400px; }
}

@-webkit-keyframes progress40-60 {
  from { width : 400px; }
  to { width : 600px; }
}

@-moz-keyframes progress40-60 {
  from { width : 400px; }
  to { width : 600px; }
}

@-ms-keyframes progress40-60 {
  from { width : 400px; }
  to { width : 600px; }
}

@keyframes progress40-60 {
  from { width : 400px; }
  to { width : 600px; }
}

@-webkit-keyframes progress50-100 {
  from { width : 500px; }
  to { width : 1000px; }
}

@-moz-keyframes progress50-100 {
  from { width : 500px; }
  to { width : 1000px; }
}

@-ms-keyframes progress50-100 {
  from { width : 500px; }
  to { width : 1000px; }
}

@keyframes progress50-100 {
  from { width : 500px; }
  to { width : 1000px; }
}