HTML5progress元素简介

 

　　progress是HTML5的一个新元素，表示定义一个进度条，用途很广泛，可以用在文件上传的进度显示，文件下载的进度显示，也可以作为一种loading的加载状态条使用。

 

　　html5progress进度条语法

 

　　<progressvalue='70'max='100'></progress>

 

　　点击这里查看html5progress进度条的样子。

 

　　html5progress属性

 

　　progressmax

 

　　max属性表示进度条的进度最大值，如果有此值，必须是大于0的有效浮点数。max的默认值是1.

 

　　progressvalue

 

　　value属性表示进度条完成的进度之，value值的范围为0~max之间。如果没有设置max属性，那么value属性值的范围要在0~1之间。

 

　　如果没有value值，那么完成进度是不确定的。这时候表示任务正在进行中，但不知道多长时间可以完成。这时候的progress在webkit浏览器中我们可以用作loading来使用，表示正在页面加载中，或者ajax请求后台数据中。







本文转载自中文网