.barfiller{width:100%;height:12px;background:#3B3E3F;position:relative;margin-bottom:20px;border-radius:40px}
.barfiller .fill{display:block;position:relative;width:0;height:100%;background:#333;z-index:1;border-radius:40px}
.barfiller .fill::after{position:absolute;content:"";width:25px;height:25px;border-radius:50%;background:var(--colorPrimary);top:-8px;right:0}
.barfiller .tipWrap{display:none}
.barfiller .tip{margin-top:-36px;padding-left:10px;position:absolute;z-index:2;background:var(--colorWhite);color:var(--colorBlack);font-size:18px;font-weight:600}
.barfiller .tip:after{border:solid;border-color:rgba(0,0,0,.8) transparent;border-width:6px 6px 0}