HTML5之progress标签的应用，进度条-13790913106-ChinaUnix博客

Chinaunix首页 | 论坛 | 博客

Pock_face&nbsp;我是云毅weiyunyi.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

博客访问： 264921
博文数量： 76
博客积分： 66
博客等级：民兵
技术积分： 980
用户组：普通用户
注册时间： 2012-10-28 16:48

个人简介

做游戏写程序 Erlang分布式

文章分类

全部博文（76）

LinuX（8）
MySQL（12）
心得体会（杂）（13）
java（0）
云计算（0）
erlang（12）
c/c++（0）
jsp（0）
php（1）
javascript/jquer（15）
css（4）
html（11）
未分配的博文（0）

文章存档

2017年（3）

2016年（2）

2015年（1）

2014年（5）

2013年（20）

2012年（45）

我的朋友

最近访客

推荐博文

HTML5之progress标签的应用，进度条

分类：

2012-10-28 16:56:09

原文地址：HTML5之progress标签的应用，进度条作者：qxy_l

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

Powered by

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>

阅读(385) | 评论(0) | 转发(0) |

0

上一篇：HTML5之meter标签的应用，类似进度条

下一篇：HTML5之details展开收缩标签的应用

给主人留下些什么吧！~~

关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们