如何在 HTML 中创建一个进度条?


使用 <progress> 标签可以在 HTML 中创建一个进度条。HTML <progress> 标签指定任务完成的进度。它以进度条显示。进度条的值可以通过 JavaScript 进行操作。

以下为属性 −

属性

说明
max
max
应大于零并为有效的浮点数
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-3 月-2020

7K+ 次浏览

启动你的 职业

完成课程获得认证

开始
广告
© . All rights reserved.