Справочник · HTML

meter: значение внутри известного диапазона

meter показывает величину между min и max: заполненность, оценку, уровень.

Как это работает

Есть value, min и max. low, high и optimum помогают браузеру отметить, хорошо значение или так себе. Это не ход задачи во времени: для процесса есть progress. Рядом всё равно напиши число. Не ставь meter ради цветной полоски в резюме, если диапазон придуман.

<label for="score">Оценка задания</label>
<meter id="score" min="0" max="10" value="8">8 из 10</meter>

Когда использовать

Оценка, заполненность диска, уровень в понятной шкале. Ход загрузки — progress.

Частые ошибки

• Перепутали meter и progress.
• Нет подписи, осталась только полоса.
• Минимум и максимум не соответствуют тексту.