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)