.progress{border-color:#aaa;border-radius:.4rem;border-style:solid;border-width:.05rem;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;height:.8rem;width:100%;position:relative}.progress__bar{background-color:#ccc;border-radius:.4rem;display:block;height:.8rem;width:0;-webkit-transition:.1s width ease;-o-transition:.1s width ease;transition:.1s width ease}.progress_streampercent:after{content:attr(data-progress) "%";font-size:.8rem;color:#000;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.progress_streamtext:after{content:attr(data-progresstext);color:#000;font-size:.8rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}