By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,594 Members | 3,459 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,594 IT Pros & Developers. It's quick & easy.

desperate to figure this out - need progress bar (barber pole) to work

P: n/a
I got an animated gif that is a barber pole spinning that I want to
use as a progress bar.

The problem is that is stops spinning (shows 1 frame) when my browser
is processing a submited request that might take 5-8 seconds.

I tried to putting the gif in a sepearate page and referencing it
using iframe thinking that if the gif is on another page & calling it
from my main page, it would not be affected by my submittals and
continue to give the spinning effect.

Does any one know how i can implement a progress bar (preferably
barber-pole) on a webpage.

Ticketmaster.com seems to do it. The thing is, I can't figure out if
they're really processing info while their progress bar spins while
nothing is being done & then simply redirects the user. Please look to
see what i am talking about... Look for some availiable tickets &
check to see if some seats are available and see how they simulate
this.

http://www.ticketmaster.com/event/07...&minorcatid=32
Any help would be appreciated.

Thanks

7078895
Nov 18 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Here is an example of a progress. I adapted this from someone elses code so
I can't take credit for it, but maybe you can use it. It is javascript.

<%@ Control %>

<div id="waiting">
<table id="msgCell" align="center"><tr><td>
Processing please wait ...
</td></tr><tr><td style="font-size:8pt;padding:2px;border:solid black 1px">
<span id="progress1">&nbsp; &nbsp;</span>
<span id="progress2">&nbsp; &nbsp;</span>
<span id="progress3">&nbsp; &nbsp;</span>
<span id="progress4">&nbsp; &nbsp;</span>
<span id="progress5">&nbsp; &nbsp;</span>
<span id="progress6">&nbsp; &nbsp;</span>
<span id="progress7">&nbsp; &nbsp;</span>
<span id="progress8">&nbsp; &nbsp;</span>
<span id="progress9">&nbsp; &nbsp;</span>

</td></tr></table>
</div>

<script language="javascript">
var progressEnd = 9; // set to number of progress <span>'s.
var progressColor = 'blue'; // set to progress bar color
var progressInterval = 500; // set to time between updates (milli-seconds)

var progressAt = 0; //progressEnd;
var progressTimer;

function progress_clear() {
for (var i = 1; i <= progressEnd; i++)
document.getElementById('progress'+i).style.backgr oundColor = 'transparent';
progressAt = 0;
}
function progress_update() {
progressAt++;
{if (progressAt > progressEnd) {
progress_stop()
}
else

{document.getElementById('progress'+progressAt).st yle.backgroundColor =
progressColor
progressTimer = setTimeout('progress_update()',progressInterval);} }

}

function progress_stop() {
progress_clear();
window.clearTimeout(progressTimer);
// hideobj('waitingDiv','');
//hideobj('waiting','none')
}
function startMsg() {
// hideobj('waitingDiv','none');
progress_update();
}
function hideobj(objname,type) {
var div1=document.getElementById(objname);
div1.style.display = type;

}
</script>
"SpamProof" <sp***********@yahoo.com> wrote in message
news:8c**************************@posting.google.c om...
I got an animated gif that is a barber pole spinning that I want to
use as a progress bar.

The problem is that is stops spinning (shows 1 frame) when my browser
is processing a submited request that might take 5-8 seconds.

I tried to putting the gif in a sepearate page and referencing it
using iframe thinking that if the gif is on another page & calling it
from my main page, it would not be affected by my submittals and
continue to give the spinning effect.

Does any one know how i can implement a progress bar (preferably
barber-pole) on a webpage.

Ticketmaster.com seems to do it. The thing is, I can't figure out if
they're really processing info while their progress bar spins while
nothing is being done & then simply redirects the user. Please look to
see what i am talking about... Look for some availiable tickets &
check to see if some seats are available and see how they simulate
this.

http://www.ticketmaster.com/event/07...&minorcatid=32

Any help would be appreciated.

Thanks

7078895

Nov 18 '05 #2

P: n/a
Mike, thanx. If gotten ver for with this.

only thing, how do is get the progress bar to be in it's orginal state
like when the page 1st loads?

I have a link that calls you progress_update function to start the
process and show your progress bar but if when it's done, if the user
click the same link again, nothing happens.

Any advice?

/ra

"vMike" <Mi****************@noYandZ.geZwaYrrenZ.com> wrote in message news:<c0**********@ngspool-d02.news.aol.com>...
Here is an example of a progress. I adapted this from someone elses code so
I can't take credit for it, but maybe you can use it. It is javascript.

<%@ Control %>

<div id="waiting">
<table id="msgCell" align="center"><tr><td>
Processing please wait ...
</td></tr><tr><td style="font-size:8pt;padding:2px;border:solid black 1px">
<span id="progress1">&nbsp; &nbsp;</span>
<span id="progress2">&nbsp; &nbsp;</span>
<span id="progress3">&nbsp; &nbsp;</span>
<span id="progress4">&nbsp; &nbsp;</span>
<span id="progress5">&nbsp; &nbsp;</span>
<span id="progress6">&nbsp; &nbsp;</span>
<span id="progress7">&nbsp; &nbsp;</span>
<span id="progress8">&nbsp; &nbsp;</span>
<span id="progress9">&nbsp; &nbsp;</span>

</td></tr></table>
</div>

<script language="javascript">
var progressEnd = 9; // set to number of progress <span>'s.
var progressColor = 'blue'; // set to progress bar color
var progressInterval = 500; // set to time between updates (milli-seconds)

var progressAt = 0; //progressEnd;
var progressTimer;

function progress_clear() {
for (var i = 1; i <= progressEnd; i++)
document.getElementById('progress'+i).style.backgr oundColor = 'transparent';
progressAt = 0;
}
function progress_update() {
progressAt++;
{if (progressAt > progressEnd) {
progress_stop()
}
else

{document.getElementById('progress'+progressAt).st yle.backgroundColor =
progressColor
progressTimer = setTimeout('progress_update()',progressInterval);} }

}

function progress_stop() {
progress_clear();
window.clearTimeout(progressTimer);
// hideobj('waitingDiv','');
//hideobj('waiting','none')
}
function startMsg() {
// hideobj('waitingDiv','none');
progress_update();
}
function hideobj(objname,type) {
var div1=document.getElementById(objname);
div1.style.display = type;

}
</script>
"SpamProof" <sp***********@yahoo.com> wrote in message
news:8c**************************@posting.google.c om...
I got an animated gif that is a barber pole spinning that I want to
use as a progress bar.

The problem is that is stops spinning (shows 1 frame) when my browser
is processing a submited request that might take 5-8 seconds.

I tried to putting the gif in a sepearate page and referencing it
using iframe thinking that if the gif is on another page & calling it
from my main page, it would not be affected by my submittals and
continue to give the spinning effect.

Does any one know how i can implement a progress bar (preferably
barber-pole) on a webpage.

Ticketmaster.com seems to do it. The thing is, I can't figure out if
they're really processing info while their progress bar spins while
nothing is being done & then simply redirects the user. Please look to
see what i am talking about... Look for some availiable tickets &
check to see if some seats are available and see how they simulate
this.

http://www.ticketmaster.com/event/07...&minorcatid=32


Any help would be appreciated.

Thanks

7078895

Nov 18 '05 #3

P: n/a
Please take a look at Web Progressor at

http://www.SunwestTek.com/wp

Hope this helps.

sp***********@yahoo.com (SpamProof) wrote in message news:<8c**************************@posting.google. com>...
Mike, thanx. If gotten ver for with this.

only thing, how do is get the progress bar to be in it's orginal state
like when the page 1st loads?

I have a link that calls you progress_update function to start the
process and show your progress bar but if when it's done, if the user
click the same link again, nothing happens.

Any advice?

/ra

"vMike" <Mi****************@noYandZ.geZwaYrrenZ.com> wrote in message news:<c0**********@ngspool-d02.news.aol.com>...
Here is an example of a progress. I adapted this from someone elses code so
I can't take credit for it, but maybe you can use it. It is javascript.

<%@ Control %>

<div id="waiting">
<table id="msgCell" align="center"><tr><td>
Processing please wait ...
</td></tr><tr><td style="font-size:8pt;padding:2px;border:solid black 1px">
<span id="progress1">&nbsp; &nbsp;</span>
<span id="progress2">&nbsp; &nbsp;</span>
<span id="progress3">&nbsp; &nbsp;</span>
<span id="progress4">&nbsp; &nbsp;</span>
<span id="progress5">&nbsp; &nbsp;</span>
<span id="progress6">&nbsp; &nbsp;</span>
<span id="progress7">&nbsp; &nbsp;</span>
<span id="progress8">&nbsp; &nbsp;</span>
<span id="progress9">&nbsp; &nbsp;</span>

</td></tr></table>
</div>

<script language="javascript">
var progressEnd = 9; // set to number of progress <span>'s.
var progressColor = 'blue'; // set to progress bar color
var progressInterval = 500; // set to time between updates (milli-seconds)

var progressAt = 0; //progressEnd;
var progressTimer;

function progress_clear() {
for (var i = 1; i <= progressEnd; i++)
document.getElementById('progress'+i).style.backgr oundColor = 'transparent';
progressAt = 0;
}
function progress_update() {
progressAt++;
{if (progressAt > progressEnd) {
progress_stop()
}
else

{document.getElementById('progress'+progressAt).st yle.backgroundColor =
progressColor
progressTimer = setTimeout('progress_update()',progressInterval);} }

}

function progress_stop() {
progress_clear();
window.clearTimeout(progressTimer);
// hideobj('waitingDiv','');
//hideobj('waiting','none')
}
function startMsg() {
// hideobj('waitingDiv','none');
progress_update();
}
function hideobj(objname,type) {
var div1=document.getElementById(objname);
div1.style.display = type;

}
</script>
"SpamProof" <sp***********@yahoo.com> wrote in message
news:8c**************************@posting.google.c om...
I got an animated gif that is a barber pole spinning that I want to
use as a progress bar.

The problem is that is stops spinning (shows 1 frame) when my browser
is processing a submited request that might take 5-8 seconds.

I tried to putting the gif in a sepearate page and referencing it
using iframe thinking that if the gif is on another page & calling it
from my main page, it would not be affected by my submittals and
continue to give the spinning effect.

Does any one know how i can implement a progress bar (preferably
barber-pole) on a webpage.

Ticketmaster.com seems to do it. The thing is, I can't figure out if
they're really processing info while their progress bar spins while
nothing is being done & then simply redirects the user. Please look to
see what i am talking about... Look for some availiable tickets &
check to see if some seats are available and see how they simulate
this.

http://www.ticketmaster.com/event/07...&minorcatid=32

Any help would be appreciated.

Thanks

7078895

Nov 18 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.