在html5中新增了很多实用的标签，今天小编介绍的就是其中一个，即progress标签。学会progress标签，可以让我们很轻松的创建一个进度条，接下来跟着小编一起来学习吧！
“progress”作为英文单词有“进程、前进”的意思，那它作为html中的标签又充当什么样的角色呢？我们一起来看看html中progress标签的定义及用法吧！
一、progress标签定义及用法
在html中，progress标签是html5中新增的标签，是使用来定义运行中的任务进度/进程，通常和JavaScript一起使用来实现进度条。
progress标签不使用来表示度量衡（如：磁盘空间使用情况或相关的查询结果）。如果需要表示度量衡，我们通常会使用meter标签（html5中meter标签的详细介绍）。
二、progress标签定义及用法
<progress value="当前值" max="需要完成的值"></progress>
说明：
progress标签虽然是双标签，但是标签中的内容不显示。progress标签如果不设置任何属性，不同的浏览器运行有不同的效果，大家可以试试。三、progress标签属性
max：规定需要完成的值；value：规定进程的当前值；
四、实例
<!DOCTYPE html><html><head>
<meta charset="utf-8" />
<title>html5中progress标签（进度条）的详细介绍</title>
</head>
<body style="background-color: bisque;">
<h3>progress标签演示</h3>
<progress value="50" max="100"></progress><br>
<progress value="100" max="100"></progress><br>
<progress value="10" max="200"></progress><br>
<progress value="150" max="200"></progress><br>
</body></html>
运行结果：
我们可以结合JavaScript来动态改变progress标签的value属性值，就可以实现进度条了。懂JavaScript的可以试试哟！由于时间原因，在这小编就不演示了，以后会详细介绍进度条的实现方法。
好了，关于html5中progress标签（进度条）的详细介绍就到此结束了，希望能帮助大家！
【关键词：青岛HTML5培训，学HTML5多少钱，HTML5培训哪家好，中享思途】
