HTML5教程之progress标签的应用

来源：互联网发布：如何在淘宝上开店套现编辑：程序博客网时间：2024/05/05 07:16

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