Comments on: Real-time “AJAX” JavaScript Progress Bar

By: Buzzknow

Buzzknow — Sat, 14 Aug 2010 22:31:46 +0000

do you have any demo for this script?

thanks

By: mtthwkfmn

mtthwkfmn — Sun, 28 Mar 2010 13:12:24 +0000

wow NICE…. :).

By: Resources for PHP Webmail « David Woodfield

Resources for PHP Webmail « David Woodfield — Tue, 24 Nov 2009 16:58:16 +0000

[...] http://blog.perplexedlabs.com/2008/11/07/real-time-ajax-javascript-progress-bar/ [...]

By: Matt

Matt — Wed, 29 Apr 2009 15:57:09 +0000

@hoa

Try ‘flush();’ not ob-flush. Also make sure you don’t have any output buffering enabled before entering the loop.

Finally, add a small sleep delay to the loop ‘usleep(25000);’

By: Hoa Pham

Hoa Pham — Tue, 28 Apr 2009 04:57:09 +0000

Hi all,
It work on FF 2 & IE 6, but IE 7 & FF 3 does not !
:-)

By: Hoa Pham

Hoa Pham — Tue, 28 Apr 2009 04:25:39 +0000

Hi Matt,
I have a prob like Erik. The progress bar only displayed when the task is done. So I can not monitor the progress of task while it running. The code is below:

Back-end php (iframe):
set_time_limit(900);
do{
my_long_time_task();
echo “window.parent.update_prg(…);”;
ob_flush();
usleep(25000);
}while(!$done);

I am using PHP 5.2.9 – Apache 2.2.11
Thx

By: TrazeK

TrazeK — Thu, 09 Apr 2009 21:49:14 +0000

Ok, I was able to find my problem and all is well. It has nothing to do with ASP or the way it handles page buffering. The problem was I did not sleep() after each iteration and flush so there was not enough time to display each progress bar update. Now that I pause between update calls, it works as advertised. Thanks again!

By: TrazeK

TrazeK — Thu, 09 Apr 2009 17:54:18 +0000

Sorry, I mean flushing, not buffering after each iteration.

By: TrazeK

TrazeK — Thu, 09 Apr 2009 16:58:43 +0000

Thanks for your response Matt. I am indeed buffering after each iteration but what I forgot to mention is I am using classic ASP and not PHP for my backend scripting language. I am following the same logic but now suspect it’s something going on with ASP and nothing else. I am going to investigate further. Thanks again.

By: Matt

Matt — Thu, 09 Apr 2009 13:15:51 +0000

Trazek,

Yes, it’s a “real-time” status bar, its supposed to update dynamically.

Have you flushed and ended all of PHP’s output buffering layers?

Are you flushing output after each iteration?

Is it a browser issue? (what browser are you testing in?)

-Matt