onclick progress bar javascript

Question

0.00/5 (No votes)

See more:

I had a problem about the progress bar

how to run and stopped progress bar on the way onclick displaying a progress bar without having to make a start and stop buttons

if you can help me
i have problem

Posted 12-May-11 17:17pm

maghf

Add a Solution

Comments

ZeeroC00l 13-May-11 0:14am

You question is not clear. Be more specific or clear about what you are looking for.

BR//
Harsha

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sandeep Mewara · Answer 1 · 2011-05-12T18:13:00

how to run and stopped progress bar on the way onclick displaying a progress bar without having to make a start and stop buttons
This does not make much sense. There has to be two events, one start and one stop to show and then hide the progress bar.

Lets say, the button click event is the start event and at that time you do some interaction with server side. Once you get back response that is your stop event - when you hide the progress bar.

All you need to do is to keep a progress bar image on your page hidden, using display attribute of style. Once needed (just after button click) show it changing the value of display attribute to 'block', and once the stop event occurs, hide it again using display value as 'none'.

Try!

*ZeeroC00l* · Answer 2 · 2011-05-12T18:23:00

Solution 2

In support to @S Mewara 's post :

You can take a look at the following links.

Code Project Link[^]

Coding Forum Link[^]

If you are looking for a little more Hi-Fi looking Progress Bar that uses JS and jQuerry take a look at the below link.

TUTSPLUS link [^]

BR//
Harsha

Posted 12-May-11 18:23pm

ZeeroC00l