Chinaunix首页 | 论坛 | 博客

qxy_l的ChinaUnix博客qxy.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

qxy_l

  • 博客访问： 185401
  • 博文数量： 62
  • 博客积分： 1477
  • 博客等级： 上尉
  • 技术积分： 475
  • 用 户 组： 普通用户
  • 注册时间： 2012-07-11 14:28
文章分类

全部博文（62）

文章存档

2012年（62）

我的朋友
最近访客
推荐博文
相关博文
HTML5之progress标签的应用，进度条

分类： 系统运维

2012-07-13 10:58:04

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

Powered by



progress属性：
value：表示当前进度
max：表示总进度
注：value和max属性的值必须大于0，value的值小于或等于max属性的值。



案例：

点击(此处)折叠或打开

  1. <!DOCTYPE HTML>
  2.     <html>
  3.         <head>
  4.             <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.             <title>HTML5每日一练progress标签的应用</title>
  6.         </head>
  7.        
  8.         <body>
  9.             <h1>W3Cfuns-HTML5每日一练progress标签的应用</h1>
  10.             <p>完成百分比：<progress id="W3Cfuns_progress" max="100"></progress></p>
  11.         </body>
  12.     </html>

阅读(3790) | 评论(0) | 转发(1) |
0

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

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

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

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

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

16024965号-6