Why using a <div> tag to draw a progress bar while the <progress> tag already exists?
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/progress
* {
box-sizing: content-box;
}
progress {
margin : 2em;
padding : 3px;
border : 2px solid #35515e;
height : 20px;
width : 200px;
border-radius : 17px;
background : transparent;
}
progress::-moz-progress-bar {
background : #2a5781;
border-radius : 10px;
}
progress::-webkit-progress-value {
background : #2a5781;
border-radius : 10px;
}
progress::-webkit-progress-bar {
background : transparent;
}
<progress value="70" max="100"></progress>