StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to Display Text along with JQuery Progressbar and forward to some other JSP page after completing?
text
Body
copied!<p>I have progress bar. I t is working fine but I need to display some text along with the progress bar & when it reaches 100% it should forward a jsp page. This is my program which increases by 10% & I want to print some text like:</p> <ul> <li>10% -> Uploading Personal Details</li> <li>20% -> Checking Email ID.</li> <li><p>30% -> Generating user ID. <br/> ....<br/> And it is important that after it reaches 100% it must be forward to some.jsp. How to achieve this. Please suggest. This is my program:</p> <pre><code><html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> <script type='text/javascript'> var progress = setInterval(function() { var $bar = $('.bar'); if ($bar.width()==400) { clearInterval(progress); $('.progress').removeClass('active'); } else { $bar.width($bar.width()+40); } $bar.text($bar.width()/4 + "%"); }, 800); </script> </head> <body> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <div class="container"> <div class="progress progress-striped active"> <div class="bar" style="width: 0%;"></div> </div> </div> </body> </html> </code></pre> <p>In mystyle.css:</p> <pre><code>@import url('css/bootstrap.css'); .container { margin-top: 30px; width: 400px; } </code></pre></li> </ul>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload