HTML5学习笔记

最新推荐文章于 2024-10-02 08:30:00 发布

Fine9548

最新推荐文章于 2024-10-02 08:30:00 发布

阅读量121

点赞数

文章标签： css html5

本文链接：https://blog.csdn.net/Fine9548/article/details/106532330

版权

progress元素
progress是HTML5的一个新元素，表示定义一个进度条，用途很广泛，可以用在文件上传的进度显示，文件下载的进度显示，也可以作为一种loading的加载状态条使用。
progress max
max属性表示进度条的进度最大值，如果有此值，必须是大于0的有效浮点数。max的默认值是1.
progress value
value属性表示进度条完成的进度之，value值的范围为0~max之间。如果没有设置max属性，那么value属性要在0 ~1之间。
具体用法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>llll</title>
</header>
<body>
<p>
    当前任务完成情况：
    <progress max="100" value="75"></progress>
</p>
</body>
</html>

代码示例
不同浏览器的进度条样式是不一样的。
meter元素
meter元素表示规定范围内的数量值。
meter元素有六种属性：

属性名
value	在元素中表现出来的实际数量值。该属性缺省值为0，可以给该属性指定浮点数小数值。
min	指定规定范围时允许使用的最小值，该属性缺省值为0，设置最小值时，值不可小雨0。
max	指定规定范围时允许使用的最大值，如果设定该属性值小于min属性的值，那么浏览器会把min设置为最大值。max属性缺省值为1。
low	规定范围的下限值，必须小于或等于high属性的值。同样的，如果low属性值小于min属性值，那么浏览器把min属性的值视为low属性的值。
high	规定范围的上限值，如果该属性值小于low属性值，那么把low属性值视为high属性值，同样的，如果该属性值大于max属性值，那么把max属性值视为high属性的值。
optimum	设置最佳值，属性值必须在min属性值与max属性值之间，可以大于high属性值。