位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5文本 实用性标记 进度

提问人:刘团圆发布时间:2020-11-20

    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元素提供了支持。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部