Progress Bar Not Working

[maverick]

I notice that the progress bar stopped working for the newer versions of Opera (currently using v8.51 - it worked in v7.54 and older).  It's not working in Netscape 7.2.  It didn't work in the older versions of Firefox either.  Don't know if it works in the newer version of Firefox as I don't have it on my system right now.  Also, not sure if it works in IE as I don't use it.

[progress-upload-file] and [progress-download-file]
.
.
<div style="margin-top:5px; margin-bottom:20px;">
<span class=out_bar><span class=in_bar style="width:%perc%px"></span></span><br><span class=perc>%perc%%</span></div>

Is there a bug or is the progress bar not compatible with the newer and some older browsers?

[GeeS]

Try this code:

<div class=out_bar><div class=in_bar style="width:%perc%px"></div></div><span class=perc>%perc%% completed</span>

Just buggy HTML ...

[maverick]

Thanks GeeS.  I tested with Opera and it works. I just had to add a </div> at the end. :^^:

[maverick]

rejetto,

Just a thought.  If the default template still uses the html code I show above that doesn't seem to work anymore, maybe you should change it to the working code supplied by GeeS in future beta updates.

[rejetto]

yes
but i found that you also have to replace another line to get the right result, with this:

Code: [Select]

.out_bar { width:100px; font-size:15px; background:black; border:black 1px solid; margin-right:5px; float:left; }


[maverick]

yes
but i found that you also have to replace another line to get the right result, with this:

Code: [Select]

.out_bar { width:100px; font-size:15px; background:black; border:black 1px solid; margin-right:5px; float:left; }


Actually, I didn't have to make that change in my customized template (no javascript).  My progress bar is centered on the page and works perfectly just the way it is.

[rejetto]

but maybe it doesn't work with another browser
i test with IE/Opera/Firefox