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