您的位置：首页 > Web前端 > HTML5

HTML5教程之progress标签的应用

2013-09-26 12:22 417 查看

HTML5教程之progress标签的应用

progress标签：

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

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

progress属性：

value：表示当前进度

max：表示总进度

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

案例：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5每日一练progress标签的应用</title>
</head>

<body>
<h1>W3Cfuns-HTML5每日一练progress标签的应用</h1>
<p>完成百分比：<progress id="W3Cfuns_progress" max="100"></progress></p>
</body>
</html>

本文原地址：http://www.sitejs.cn/sitejs-12739-1.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航