使用HTML 5的进度条(下载) [英] Progress Bar (Download) Using HTML 5

问题描述

我正在从事一个需要从数据库下载内容的项目.通常使用手机(高端智能手机)访问该网站.

我想知道在使用HTML5下载内容期间是否可以添加进度条，以便在执行此操作时在整个屏幕上出现一个灯箱，而仅显示进度条.

解决方案

可以使用XMLHttpRequest的新"进度事件

=>更多信息: Mozilla网站

=>或:此线程

新的XMLHttpRequests(2)是并非在每个(移动)浏览器中都可用. /p>

您可以使用新"进度/仪表控件... 但是任何移动设备均不支持 .因此，您将必须使用例如此jquery插件之类的库，或者自己编写一个. /p>

(更新:现在也可用于Android)

I was working on a project which requires to download content from a database. The site is generally accessed using mobiles (high end smartphones).

I was wondering if it is possible to add a progress bar during the download of the content using HTML5, so that when this action is going on appears a light box through the entire screen and only the progress bar is shown.

解决方案

It is possible using the 'new' progress events of the XMLHttpRequest

=> more info: Mozilla site

=> or: this thread

The new XMLHttpRequests(2) however are not available in every (mobile)browser.

And there is a 'new' progress/meter control you could use... But it isn't supported yet by any mobile device. So you will have to use a lib like this jquery plugin for example or write one yourself.

(update: now it is also available for Android)

这篇关于使用HTML 5的进度条(下载)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！