📜  HTML progress标签

📅  最后修改于: 2020-11-04 00:48:18             🧑  作者: Mango

HTML 标签

HTML标签用于显示任务的进度。它为Web开发人员提供了一种在网站上创建进度栏的简便方法。它主要用于显示网页上文件上传的进度。

HTML进度标签是HTML5中的新增功能,因此您必须使用新的浏览器。

HTML进度标签的属性

HTML标签支持全局和事件属性以及2个特定属性。

Tag Description
value It defines that how much work the task has been completed.
max It defines that how much work the task requires in total.

进度标签应仅用于表示任务的进度,而不能仅用于衡量指标(磁盘速度使用情况)。为此,使用元素。

HTML进度标签示例

让我们看一下没有属性的HTML进度示例。


输出:

让我们看一下带有value和max属性的进度示例。

Downloading progress:

输出:

样式进度栏

您可以在进度标签上应用CSS代码。

progress{
  width: 300px;
  height: 30px;
}

输出:

带有JavaScript的HTML进度标签

标签应与JavaScript结合使用以显示任务的进度。


  


输出:

支持的浏览器

Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
Yes Yes Yes Yes Yes