Today I Learned

HTML Meter

•
HTML

While creating some awesome new data visualisations for Fantom Factory, I came across a native solution for something I hadn't realised was a thing: HTML's <meter> element. You learn something new everyday, right?!

at 32/100 

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

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

Browser support

Baseline 2017 - all modern browsers support it.

Official docs: MDN Meter Element


Back to TIL

Let's grow your business,
together

Whether you're after dev work on a brand new site, an updated design, or just have a great business idea you want to get the ball rolling on, I'm here to help. Let's collaborate together!

Start a project