progress是HTML5的新元素,它指示某项任务的完成进度,可以用它表示一个进度条,就像在Web应用中看到的指示保存或加载大量数据操作进度的那种组件。
支持progress的浏览器会根据属性值自动显示一个进度条,并根据值对其进行着色。<progress>和</progress>之间的文本不会显示出来。例如:
<p>安装进度:〈progress max="100" value="35">35%</progress></p>
—般只能通过JavaScript动态地更新value属性值和元素里面的文本以指示任务进程。通过JavaScript (或直接在HTML中)将value属性设为35 (假定max="100")。
progress元素支持3个属性:max、value和form。它们都是可选的,max属性指定任务的总工作量,其值必须大于0。value是任务己完成的量,值必须大于0、小于或等于max属性值。如果progress没有嵌套在form元素里面,又需要将它们联系起来,可以添加form属性并将其值设为该form的id。
progress元素不适合用来表示度量衡,例如,磁盘空间使用情况或查询结果。如需表示度量衡,应使用meter元素。
目前,Firefox8+、OperalH、IE10+、Chrome6+、Safari5.2+版本的浏览器都以不同的表现形式对progress元素提供了支持。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>