<meter>
The <meter> HTML element represents either a scalar value within a known range or a fractional value. Unlike the <progress> element, which represents task completion progress, <meter> represents measurements (like disk usage, rating, or battery levels). It supports threshold attributes like min, max, low, high, and optimum, which allow modern browsers to change the bar color automatically depending on where the value falls.
<h2>Battery Level</h2>
<meter min="0" max="100" low="30" high="80" optimum="90" value="85">85%</meter>