HTMLProgressElement：max 属性

基线 广泛可用

此功能已完善，可在许多设备和浏览器版本中使用。它已在浏览器中可用，自 2015 年 7 月.

max 属性是 HTMLProgressElement 接口的属性，表示 <progress> 元素范围的上限。

值

一个大于零的浮点数。默认值为 1.0。

示例

HTML

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

JavaScript

js
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

浏览器兼容性

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