📌  相关文章
📜  HTML |<progress>值属性(1)

📅  最后修改于: 2023-12-03 15:15:39.092000             🧑  作者: Mango

HTML | 值属性

在HTML中，<progress>元素用于表示进度条。它有一个value属性，用于指定当前进度值。这个值必须是介于0和1之间的小数。

<progress value="0.5"></progress>

上面的代码表示一个进度条，进度值为50%。如果将value属性设置为0，进度条将不会显示。

进度条也可以通过max属性指定最大值，这样value属性就可以使用百分比表示进度。

<progress value="50" max="100"></progress>

这段代码将产生一个半满的进度条，表示50%的进度。如果没有指定max属性，默认为1。

<progress value="0.5"></progress>

一个输出结果可见的完整例子如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Progress Bar Demo</title>
</head>
<body>
    <h1>Progress Bar Demo</h1>
    <progress value="0.3"></progress>
    <p>Current progress: 30%</p>
</body>
</html>

以上是HTML <progress>值属性的介绍。