HTML5进度条显示【meter】或者【progress】
本人实际项目中发现,HTML5 的meter和progress控件虽然都可以实现进度显示,但综合考虑下来progress兼容性比较好些。meter控件在IOS ipad/iphone似乎都显示不正确。
用progress控件控制
<progress id='progress' style='width:100px' value='50' max='100'></progress>
读者可以测试下,这个在各种浏览器环境下是基本工作的。
注意控制条的宽度一定要用style的方式来设定,直接用width='100px'是没有用的
用meter控件
<meter id='progress' style='width:100px' value='50' min='1' max='100'></meter>
读者可以测试下,这个在苹果环境下是不工作的。
注意控制条的宽度一定要用style的方式来设定,直接用width='100px'是没有用的
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:90
阅读量:79
阅读量:38
阅读量:63
阅读量:75