progress与meter元素
来源:互联网 发布:centos 7 nginx 目录 编辑:程序博客网 时间:2024/06/16 15:26
progress元素
progress元素代表一个任务的完成进度,这个元素有两个属性来表示当前任务的完成情况,value属性表示已经完成了多少工作量,max属性表示总共有多少
工作量,工作量的单位是随意的,不用指定;在属性设定的时候,value属性和max属性只能指定为有效的浮点数,value属性的值必须大于0,并且小于等于
max属性,max属性的值必须大于0
meter元素
meter元素表示规定范围内的数量值,他有留个属性
1.value:在元素中特地表示出来的实际值,该属性默认为0,可以给该属性指定一个付点小数值
2.min:规定范围内允许使用的最小值,默认为0,设定该属性的值不能小于0
3.max:规定的范围内使用的最大值,如果设定该属性值小于min属性的值,那么把min属性的值视为最大值,max属性的默认值为1
4.low:规定范围的下限值,必须小于或者等于high属性的值,同样的,如果low属性的值小于min属性的值,那么把min属性的值视为low属性的值
5.high:规定范围的上限值,如果该属性值小于low属性的值,那么把low属性的值视为high属性的值,同样的,如果这个属性的值大于max属性的值,那么把max属性的值
视为high属性的值
6.optimum:最佳值,属性值必须在min和max之间,可以大于high属性值
使用方法:
<p>磁盘使用量:<meter value="40" min="0" max="160">40/160</meter>GB</p><P>你的得分是:<meter value="91" min="0" max="100" low="40" high="90" optimum="100">A+</meter></P><meter>80%</meter><meter>3/4</meter>下面的写法是错误的,因为画面上什么都不显示<meter min="0" max="100" value="75"></meter>
0 0
- progress与meter元素
- 37progress和meter元素
- Html5新增小元素:figure与figurecaption address progress meter mark details与summary
- 2.3.3新增-两个特殊功能的元素(meter、progress)
- html-progress meter
- HTML5 笔记1— details元素、mark元素、progress元素、meter元素
- HTML5 progress和meter控件
- Html5学习之旅(5)嵌入元素 progress meter embed audio video
- 度量元素 meter
- 1.应用程序标签DataList, Progress, Meter, Menu, Details
- HTML5 progress元素的样式控制、兼容与实例
- HTML5 progress元素的样式控制、兼容与实例
- progress--状态交互元素
- html5 progress元素
- HTML5的progress元素
- HTML5规范:mark标签,下载进度progress,显示度量值meter,details标签
- 从零开始前端学习[27]:html5中的特殊结构标签,ruby,mark,meter,progress,details
- FF下progress元素使用
- 安卓开发:全局获取Context的技巧
- IOS封装自定义Cell方法
- 如何删除彻底删除FIREFOX插件
- Java的GC机制及算法
- oracle JDBC使用例子
- progress与meter元素
- bootstrap-datepicker
- Linux Uevent和Netlink socket
- 计算器2
- 性能大提速 MyEclipse终极优化四要点
- HTTP协议中PUT和POST使用区别
- 递归回溯
- HDOJ 2082 找单词(母函数模板)、 HDOJ 1028 整数拆分(母函数+打表)
- Tkinter教程之Canvas(2)篇