Fuel Level Animated

From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter

by MegaScience

HTML

<label for="fuel">Fuel level:</label>

<meter id="fuel"
       min="0" max="100"
       low="33" high="66" optimum="80"
       value="50">
    at 50/100
</meter>

CSS

label {
    padding-right: 10px;
    font-size: 1rem;
}

JavaScript

const m = document.getElementById('fuel')
setInterval(() => m.value = ++m.value > 100 ? 0 : m.value, 50)