body {
  font-family: Arial;
}

.barfiller {
  width: 100%;
  height: 6px;
  background: #fcfcfc;
  border: transparent;
  position: relative;
  box-shadow: inset 1px 4px 9px -6px #c1c0c0;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #333;
  z-index: 1;
}

.barfiller .tipWrap { display: none; }

.barfiller .tip {
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 42px;
    font-size: 12px;
    color: #fff;
    left: 0px;
    position: absolute;
    z-index: 2;
    background: #79b91c;
    border-radius: 50%;
    border: 5px solid #abd66d;
    font-weight: 600;
}