HTML <progress>标签,定义进度

<progress>标签

<progress>的使用场景:当页面加载的时候,或在浏览器上下载东西的时候,一般情况下会有一个动态的进度条用来显示网页加载或下载的进度情况。这在设计上对用户来说十分友好、人性化。

<progress></progress>

提示:progress为行内元素,包括起始标签和结束标签。

提示:如果要动态地显示任务的进度,即进度条是会随着任务的进度而变化的,那么progress可以与JavaScript代码一同使用。


<progress>的两大属性

参数描述
max数字类型值,指定任务的最大值
value数字类型值,指定当前已完成的任务值

<progress>实例代码,及在线编辑器

<p>当前已下载:<progress value='60' max='100'></progress></p>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.