如何在 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>
广告宣传
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 语言
C++
C#
MongoDB
MySQL
Javascript
PHP