HTMLProgressElement: свойство position

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

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

Чтение-только свойство position интерфейса HTMLProgressElement возвращает текущий прогресс элемента <progress>.

Значение

Для индикатора прогресса с определённой величиной возвращает результат деления текущего значения на максимальное значение, то есть дробь между 0.0 и 1.0.

Для индикатора прогресса без определённой величины значение всегда -1.

Примеры

HTML

Determinate Progress bar: <progress id="pBar"></progress> Position:
<span>0</span>

JavaScript

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

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

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

  span.textContent = pBar.position;
}, 100);

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

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

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

	Рабочий стол					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`position`	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/position