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>