HTML: meter
измеряем данные в указанном диапазоне с помощью HTML

Для измерения данных в заданном диапазоне (датчик) в HTML существует элемент meter
.
Для того чтобы установить диапазон можно использовать атрибуты минимальных min
и максимальных max
значений:
<meter value="2" min="0" max="10">2 out of 10</meter>
Также можно указать значение value
в процентах (долях единицы):
<meter value="0.6">60%</meter>
Дополнительная информация на MDN
Спасибо за внимание.