HTMLProgressElement: свойство max

Базовая линия Широко доступно

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Свойство max интерфейса HTMLProgressElement представляет собой верхнюю границу диапазона элемента <progress>.

Значение

Число с плавающей запятой, большее нуля. Значение по умолчанию — 1.0.

Примеры

HTML

Progress: <progress id="pBar"></progress> <span>0</span>%

JavaScript

const pBar = document.getElementById("pBar");
const span = document.getElementsByTagName("span")[0];

console.log(`Default value of max: ${pBar.max}`);

pBar.max = 100;
pBar.value = 0;

setInterval(() => {
  pBar.value = pBar.value < pBar.max ? pBar.value + 1 : 0;

  span.textContent = Math.trunc(pBar.position * 100);
}, 100);

Спецификации

Спецификация
HTML # dom-progress-max

Совместимость с браузерами

	Рабочий стол					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`max`	6	12	6	≤12.1	6	18	6	≤12.1	6	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLProgressElement/max