Тег <meter> позволяет создать элемент в виде диапазона используя числовые значения.

<meter value="значение">текст</meter>

Атрибуты:

Атрибут Описание
value Устанавливает значение. Обязательный атрибут
min Задает минимально возможное значение.
max Задает максимально возможное значение.
low Определяет предел, при достижении которого значение считается низким.
high Определяет предел, при достижении которого значение считается высоким.
optimum Определяет наилучшее или оптимальное значение.

Пример: 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>meter</title>
 </head>
 <body>
  <p>Температура</p>
  <meter value="0" max="100" low="10" high="60">Холодно</meter>
  <meter value="50" max="100" low="10" high="60">Нормально</meter>
  <meter value="100" max="100">Горячо</meter>
 </body>
</html>