HTML DOM Progress 对象

<progress> 标签

<progress> 标签用于表示任务的完成进度。它可以显示一个进度条，表示任务的完成情况。

属性

• value: 指定当前任务的完成进度。取值范围为 0 到 1，默认值为 0。
• max: 指定任务的总进度。默认值为 1。

方法

• setProgress(value): 设置任务的完成进度为指定值。
• increaseProgress(value): 增加任务的完成进度。

示例代码

-- -------------------- ---- -------
--------- -----
------
------
    --------------- --- ---------------
-------
------

    --------- ---------------- --------- ---------------------
    ------- ------------------------------------- -----------------

    --------
        -------- ------------------ -
            --- ----------- - ---------------------------------------
            -- ------------------ - ---------------- -
                ----------------- -- ---
            -
        -
    ---------

-------
-------

在上面的示例代码中，我们创建了一个进度条 <progress>，并添加了一个按钮，点击按钮会增加进度条的完成进度。