霍者博客

HTML5的progress标签的应用

progress标签:

从名字上来看,估计大家也能猜到这个标签是什么标签了,没错,他是一个进度条。在HTML5中我们终于可以不用模拟了。

<progress id="huozheweb_progress" max="100"></progress>

progress属性:

value:表示当前进度

max:表示总进度

注:value和max属性的值必须大于0,value的值小于或等于max属性的值。

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>HTML5的progress标签的应用</title>
</head>

<body>
<h1>HTML5的progress标签的应用</h1>
<p>完成百分比:<progress id="huozheweb_progress" max="100"></progress></p>
</body>
</html>

原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/393.html,标题:HTML5的progress标签的应用

【我来说两句】
分享到:

评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。