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

Discussion in 'ASP .Net' started by SpamProof, Feb 14, 2004.

  1. SpamProof

    SpamProof Guest

    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/0...rtistid=865616&majorcatid=10002&minorcatid=32


    Any help would be appreciated.

    Thanks

    7078895
     
    SpamProof, Feb 14, 2004
    #1
    1. Advertising

  2. SpamProof

    vMike Guest

    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.backgroundColor = 'transparent';
    progressAt = 0;
    }
    function progress_update() {
    progressAt++;
    {if (progressAt > progressEnd) {
    progress_stop()
    }
    else

    {document.getElementById('progress'+progressAt).style.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" <> wrote in message
    news:...
    > 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/0...rtistid=865616&majorcatid=10002&minorcatid=32
    >
    >
    > Any help would be appreciated.
    >
    > Thanks
    >
    > 7078895
     
    vMike, Feb 14, 2004
    #2
    1. Advertising

  3. SpamProof

    SpamProof Guest

    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" <> wrote in message news:<c0lm5c$k91$>...
    > 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.backgroundColor = 'transparent';
    > progressAt = 0;
    > }
    > function progress_update() {
    > progressAt++;
    > {if (progressAt > progressEnd) {
    > progress_stop()
    > }
    > else
    >
    > {document.getElementById('progress'+progressAt).style.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" <> wrote in message
    > news:...
    > > 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/0...rtistid=865616&majorcatid=10002&minorcatid=32
    > >
    > >
    > > Any help would be appreciated.
    > >
    > > Thanks
    > >
    > > 7078895
     
    SpamProof, Feb 15, 2004
    #3
  4. Please take a look at Web Progressor at

    http://www.SunwestTek.com/wp

    Hope this helps.

    (SpamProof) wrote in message news:<>...
    > 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" <> wrote in message news:<c0lm5c$k91$>...
    > > 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.backgroundColor = 'transparent';
    > > progressAt = 0;
    > > }
    > > function progress_update() {
    > > progressAt++;
    > > {if (progressAt > progressEnd) {
    > > progress_stop()
    > > }
    > > else
    > >
    > > {document.getElementById('progress'+progressAt).style.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" <> wrote in message
    > > news:...
    > > > 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/0...rtistid=865616&majorcatid=10002&minorcatid=32
    > > >
    > > >
    > > > Any help would be appreciated.
    > > >
    > > > Thanks
    > > >
    > > > 7078895
     
    Sunwest Technologies, Feb 26, 2004
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Matt
    Replies:
    0
    Views:
    3,599
  2. Charlie Zhang
    Replies:
    3
    Views:
    1,342
    Paul Lutus
    Aug 16, 2004
  3. Jon Todd
    Replies:
    3
    Views:
    294
    Sambo
    Jan 1, 2008
  4. Lloyd Fuller

    Can't seem to ring that pole!

    Lloyd Fuller, Jan 18, 2011, in forum: C Programming
    Replies:
    4
    Views:
    283
  5. Rob

    progress bar or guage bar

    Rob, Jul 11, 2003, in forum: ASP General
    Replies:
    6
    Views:
    222
    Chris Barber
    Jul 12, 2003
Loading...

Share This Page