.ldBar {
  position: relative;
  float:left;
}
.ldBar-label,.ldBar-label-2  {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-shadow: 0 0 3px #fff;
  color:black;
  font-size:24px;
  text-align: center;
  white-space: nowrap;
}
.ldBar-label-2
{
    top:60%;
}

.ldBar-label,.ldBar-label-3  {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-shadow: 0 0 3px #fff;
  color:black;
  font-size:14px;
  text-align: center;
  white-space: nowrap;
}
.ldBar-label-3
{
    top:108%;
}
.ldBar-label,.ldBar-label-4  {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-shadow: 0 0 3px #fff;
  color:black;
  font-size:20px;
  text-align: center;
  white-space: nowrap;
}
.ldBar-label-4
{
    top:75%;
}
.ldBar-label:after {
  content: "%";
  display: inline;
}
.ldBar.no-percent .ldBar-label:after {
  content: "";
}