Атрибут max тега <progress>
Описание
Атрибут max для тега <progress> задает максимальное значение, которое может принимать прогресс-бар. По умолчанию равно 1.0, но может быть установлено в любое положительное число.
<progress value="25" max="50">25 из 50</progress>
Основные характеристики:
| Аспект | Описание |
|---|---|
| Тип значения | Положительное число (целое или с плавающей точкой) |
| Значение по умолчанию | 1.0 |
| Обязательность | Нет |
Примеры разных сценариев:
<!-- По умолчанию (max=1.0) -->
<progress value="0.3">30%</progress>
<!-- Целочисленные значения -->
<progress value="75" max="100">75%</progress>
<!-- Нестандартный диапазон -->
<progress value="3" max="7">3/7</progress>
Расчет прогресса:
Процент заполнения рассчитывается по формуле: (value / max) * 100
Рекомендации:
- Используйте целые числа для лучшей читаемости
- Для процентного отображения устанавливайте max="100"
- Избегайте слишком больших значений (может повлиять на точность отображения)
- Всегда указывайте текстовую альтернативу внутри тега
Ошибки использования:
<!-- Неправильно: max ≤ 0 -->
<progress value="1" max="0"></progress>
<!-- Неправильно: value > max -->
<progress value="150" max="100"></progress>
Примечание: Хотя элемент <progress> с атрибутом max хорошо поддерживается во всех современных браузерах, для сложных сценариев отображения прогресса (например, нескольких одновременных процессов) рассмотрите использование специализированных библиотек.