jQuery Forum

Have you looked at http://jqueryui.com/progressbar/ ?

https://github.com/Shadowz3n/ajaxLoading/blob/master/ajaxLoading.js

Uncaught TypeError: undefined is not a function 

Example:
This is what I managed to do it, but not good enough.
I made a progress bar on the basis of completed processes. Problem occurs when the file (game) is large, and the progress bar is stationary for a long time until the whole game does not load on server. After that, script continue to load the rest of the process. For the user it is very important to have live information on what is currently happening. For these reasons, is really important to measure copy files from remote server to current server. (all processes other than copying files, are very short and quick, so it is not necessary to show them in progress bar becaose they ending in a split of second)

As you can see, I do not have a html form , (Every example I found on the Internet is "Upload form")  i have one xml file, which contains url of game. By clicking the install, I pick a game that I copied to current server from remote server. I get with the help jquery games file url, and sent (post) for processing in php file

Example

Maybe I'm a little closer now.

2. $(function() {
3.                 $.ajax({
4. method: 'GET',
5. dataType: 'json',
6.                     url: file,   //file is url to SWF fie              
7.                     success: function() {
8.                       console.log('YAYE!', arguments[0]);
9.                         $('#'+install).width('100%');
10.                     },
11.                     error: function() {
12.                         console.log('AWWW!', arguments[0]);
13.                     },
14.                     complete: function() {
15. //complete
16.   },
17.                     progress: function(e) {
18.                         if(e.lengthComputable) {
19.                             var pct = (e.loaded / e.total) * 100;
20. console.log(e.loaded + ' ' + e.total);
21.                             $('#'+install)
22.                                .progressbar('option', 'value', pct)
23.                                .children('.ui-progressbar-value')
24.                                .html(pct.toPrecision(3) + '%')
25.                                .css({'display':'block', 'text-align': 'center' , 'vertical-align': 'middle', 'line-height': '25px', 'background-color':'red'}); 
26.                         } else {
27.                             console.warn('Content Length not reported!');
28.                         }
29.                     }
30. });
31. });

problem:

if 'file' is url of fie from my server, progress bar works perfectly :-)

but

You cannot access pages from another server using normal AJAX.

Thanks, i go in wrong direction.

suggestion?

You can create a url and load your swf as an object in html: