最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

HTML5基础教程:progress标签使用实例

日期:05-06    来源:中国设计秀    作者:cnwebshow.com

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

 wmP中国设计秀

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

    <progress id="W3Cfuns_progress" max="100"></progress>wmP中国设计秀
    progress属性:wmP中国设计秀
    value:表示当前进度wmP中国设计秀
    max:表示总进度wmP中国设计秀
    注:value和max属性的值必须大于0,value的值小于或等于max属性的值。wmP中国设计秀
    wmP中国设计秀
    案例:wmP中国设计秀
      <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5每日一练progress标签的应用</title> </head> wmP中国设计秀
      <body> <h1>W3Cfuns-HTML5每日一练progress标签的应用</h1> <p>完成百分比:<progress id="W3Cfuns_progress" max="100"></progress></p> </body> </html>wmP中国设计秀