SOURCE

<div class="process">
	<div class="process-bar" style="width:50%;"></div>
</div>

body{background:#fff;}
.process{background:#ebedf0;height:8px;position: relative;border-radius: 4px;}
.process-bar{width:0;position: absolute;left:0;height:100%;background:#1989fa;animation: animate-positive 2s;}
@-webkit-keyframes animate-positive {
    0% { width: 0%;}
}
@keyframes animate-positive {
    0% { width:0%; }
}