HTMLProgressElement：position 属性

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

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

本文内容

值

对于确定的进度条返回当前值除以最大值的结果，也就是说，它是介于 0.0 和 1.0 之间的分数。

对于不确定的进度条该值总是 -1。

示例

HTML

html
确定的进度条：<progress id="pBar"></progress>位置： <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

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2024年9月4日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题