<!DOCTYPE html>
<html>
<head>
<style>

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 4px;
    background-color:red;
}

progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 4px;
    background-color:red;
}

</style>
</head>
<body>
    <progress value="0.5"></progress>
    <div id="overlay"></div>
</body>
</html>