.progressbar {
  width: 150px;
  border: 1px solid #003e04;
  display: inline-block;
  height: 15px;
  position: relative;
}

.progressbar .progress {
  display: inline-block;
  width: 50%;
  height: 15px;
  background-color: green;
  position: absolute;
  left: 0px;
  text-align: right;
}

.progressbar.big {
  height: 25px;
}

.progressbar.big .progress {
  height: 25px;
}

.progressbar.nobordertop {
  border-top: none;
}

.progressbar.noborder {
  border: none;
}

.progressbar.gray-green {
  background: darkgray;
}

.progressbar.gray-green .progress {
  background: green;
}

.progressbar.white {
  background: none;
}

.progressbar.white .progress {
  background: black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}

.progressbar.round {
  border-radius: 25px;
}

.progressbar.round .progress {
  border-radius: 25px;
}