如何在 HTML 中创建进度条?


使用 <progress> 标签在 HTML 中创建进度条。HTML <progress> 标签指定任务完成进度。它以进度条形式显示。可以使用 JavaScript 操控进度条的值。

以下是属性 −

属性

说明
max
max
它应该大于 0,且是有效的浮点数
value
value
指定已完成的任务量。它应为介于 0 和 max 之间的浮点数,如果省略 max,则是介于 0 和 1 之间的浮点数

示例

你可以尝试运行以下代码,了解如何在网页中创建进度条 −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Progress Tag</title>
   </head>
   <body>
      <h1>Loading</h1>
      <progress value = "65" max = "100"/>
   </body>
</html>

更新于:03-Mar-2020

7K+ 阅读

开启你的 职业生涯

完成课程认证

开始
广告宣传
© . All rights reserved.