79766825

Date: 2025-09-17 02:25:03
Score: 0.5
Natty:
Report link

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>

Reasons:
  • Probably link only (1):
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Ends in question mark (2):
  • Starts with a question (0.5): Why
  • High reputation (-2):
Posted by: Mister Jojo