HTML中progress标签的定义和使用

这篇文章将为大家详细讲解有关HTML中progress标签的定义和使用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 6 支持 <progress> 标签。

注释:Internet Explorer 9 以及更早的版本不支持 <progress> 标签。 

定义和用法

<progress> 标签标示任务的进度(进程)。

HTML 4.01 与 HTML 5 之间的差异

<progress> 标签是 HTML 5 中的新标签。

提示

提示:请结合 <progress> 标签与 JavaScript 一同使用,来显示任务的进度。

注:<progress> 标签不适合用来表示度量衡(例如,磁盘空间使用情况或查询结果)。如需表示度量衡,请使用 <meter> 标签代替。

实例

正在进行的下载:

<!DOCTYPE html>
<html>
<body>

下载进度:
<progress value="22" max="100">
</progress>

<p><b>注释:</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。</p>

</body>
</html>

关于HTML中progress标签的定义和使用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。