HTML5教程之progress标签的应用

yixuan_1

于 2013-09-26 12:22:14 发布

阅读量886

点赞数

分类专栏：精通HTML5 文章标签： progress web前端 html5

精通HTML5 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

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

yixuan_1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5教程之progress标签的应用

HTML5教程之progress标签的应用progress标签：从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条。在HTML5中我们终于可以不用模拟了。progress id="W3Cfuns_progress" max="100">progress> progress属性：value：表示当前进度max：表示总进度注：v
复制链接

扫一扫

专栏目录