HTML:
<div class="line"></div>
CSS:
.line {
width: 100%;
height: 2px;
background: #ededed;
position: relative;
}
.line::after{
position: absolute;
top: 0;
left: 0;
content: " ";
display: block;
width: 30%;
height: 100%;
background-color: #ff4d4d;
}