progress元素表示运行中的进程,可以使用progress元素来显示javascript中耗费时间的函数进程。例如下载文件时,文件下载到本地的进度值。
progress元素的属性及描述
属性
|
值
|
描述
|
max
|
整数或浮点数
|
设置完成时的值,表示总体的工作量
|
value
|
整数或浮点数
|
设置正在进行时的值,表示已完成的工作量
|
注意:<progress>元素中设置的value值必须小于或等于max属性值,且两者都必须大于0.
具体代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
文件下载的进度:
<progress>
<span id="p1">86</span>%
</progress>
</body>
</html>
效果图