Just suggesting a bit of useless glitz here, which could make it look smoother:

I was initially going to suggest you try putting an initially empty IFRAME into your upload page, wherein the Javascript then loads the progress meter CGI OnSubmit(). But IFRAMEs are the devil. Even so the idea itself has merit..

But let's take it to a whole new dimension. Place an initially empty graphic on your page (the transparent singlepixel GIF will do). Your Javascript shall then reload that image from the progress meter CGI's address, which now produces image/png rather then text/html, complete with a Refresh: header. This method should work for any but the very dumbest of browsers and will provide the feedback completely smoothly integrated into your upload page. Now you have the mirrors.

It's time to add the smoke: have the Javascript replace another, static image of for example a clock with an animated version. Your users will never even know what hit them.

David Copperfield made the Statue of Liberty disappear, why couldn't you make a progress meter? :-)

Update: Darn. As Macphisto pointed out, the page with the upload form will be frozen while the upload happens, with no chance to update any images in it. In that case, I guess the only way to resolve this is to use frames in some fashion.

Actually, it should be possible - the FORM tag has a TARGET attribute just like the A anchor tag does, if memory serves. In that case one could launch the upload into a different frame and set up abovementioned smoke and mirrors. It will require funny Javascript posing though..

Guess a progress popup really is the only actually workable solution. :-(

____________
Makeshifts last the longest.

In reply to Not your average progress bar by Aristotle
in thread Yet another progress bar. by Macphisto

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.