<div id="progressBox">
<div id="progressIndicator"></div>
</div>
<style>
div#progressBox {
height: 3px;
width: 100%;
}
div#progressIndicator {
transition: .6s all;
transition-timing-function: ease-out;
width: 0%;
background: #fa709a;
position: relative;
height: 3px;
top: 0;
}
div#progressIndicator span {
color: #f7c19b;
position: absolute;
font-size: 18px;
right: 0;
padding-right: 2px;
text-align: center;
top: 5px;
height: 20px;
line-height: 20px;
}
</style>