HTMLProgressElement：position 属性

基线 广泛可用

此功能已得到良好确立，并在许多设备和浏览器版本中都能正常工作。它自以下时间起在各浏览器中均可用 2015 年 7 月.

position 是 HTMLProgressElement 接口的只读属性，返回 <progress> 元素的当前进度。

值

对于确定性进度条，返回当前值除以最大值的计算结果，即 0.0 到 1.0 之间的一个分数。

对于不确定性进度条，该值始终为 -1。

示例

HTML

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

JavaScript

js
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

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。