.progress-bar{
  font-family: arial;
    font-size: 10px;
    position: relative;
    width: 100%;
    background-color: #000000;
    padding: 1px;
    border-radius: 5px;
    border: none;
    margin-top: 24px;
	pointer-events: none;
}
.progress-bar:before{
  position: absolute;
  width: auto;
  color: #eee;
  display: block;
  content: attr(data-label);
  text-align: left;
  left: 0px;
  bottom: calc(100% + 2px);
  padding-left: 4px;
}
.progress-bar:after{
  position: absolute;
    width: 60px;
    color: #fff;
    display: block;
    content: attr(data-percentage) "%";
    left: calc(100% + -24px);
    top: -13px;
}
.progress-bar .inner-progress-bar{
      height: 10px;
    min-width: 1px;
    width: 1px;
    background-color: #ccc;
    border-radius: 5px;
	min-width: 10px;
}