HTML | DOM Progress max 属性

max 属性用于定义 <progress> 元素的最大值。它是 <progress> 元素的一个 DOM 属性，也可以在 HTML 中以属性的形式使用。

语法

<progress max="value">

object.max = value

属性值

value 是一个任意的数字，表示 <progress> 元素的最大值。它的默认值是 1。

示例

下面的示例展示了如何使用 max 属性设置 <progress> 元素的最大值：

<!-- HTML -->
<progress max="100"></progress>

<!-- JavaScript -->
var progress = document.querySelector("progress");
progress.max = 100;

当使用 Javascript 设置 max 属性时，推荐使用 querySelector() 来获取 <progress> 元素。

使用注意事项

• max 属性必须大于或等于 0。
• value 属性不能大于 max 属性。

浏览器兼容性

max 属性支持所有的主流浏览器。

总结

max 属性用于设置 <progress> 元素的最大值。通过设置 max 属性，可以让进度条更加能够体现进度的比例。当然，为了让进度条更加灵活，还可以使用 value 属性来动态地改变其值。