How to show Progress Bar or spining circle until any process gets completed?

Question

0.00/5 (No votes)

See more:

Hi All,

In my web application , a regular flow on page is like below:

-- Whenever User clicks on any button , I need to show them three pop-up messages with 1) Asking confirmation of user , if user click OK execute related process else do nothing. 2) After having OK confirm message from user my web page is actually making SSH call and executing script in this script call I am passing control values and then waiting for scripts response like success or failure. Execution time of single script is min. 30mins during this time I need to show Progress Bar or Spinning Circle on web-page so User can have knowledge of background process and also want to make all controls accessibility to false. 3) After Getting script response Progress Bar should disappear and related success or failure message need to pop-up in another message box for user acknowledgment.

Can anyone provide me some basic code idea?

Posted 2-Mar-11 17:43pm

MissDev

Add a Solution

Comments

Sunasara Imdadhusen 2-Mar-11 23:44pm

Did you try anything before?

MissDev 3-Mar-11 9:59am

NO I did not.
Do you have any idea regarding this?

Albin Abel 3-Mar-11 0:36am

Making a website waiting for 30 mints is not a good idea. But there are situations like large file uploading etc. Your case is a server process which you can execute in an async mode and use ajax call if you want to show a progress bar.

MissDev 3-Mar-11 9:58am

Hey

In my web application , situation is every button click event going to call UNIX script which takes more than 30mins to gets completed so that's the reason I have to show any sort of message to user to wait until its done.

I have never used Progress Bar before , Do you any code available similar to my situation.

3 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-03-02T19:32:00

Execution time of single script is min. 30mins
:omg:
Do you really think it's worth a try? Or even a Progress bar can resolve your issue and keep the user waiting? I really doubt. Even if there is a progress bar, if it takes more than 3-4 min maximum, I will close the application and restart, assuming something went wrong.

Before suggesting Progressbar thing, I would ask you to think, re-design and make your application such that it takes much less a time. Here, you keep the UI blocked for 30 odd minutes, unacceptable.

Now, how to put progress bar:
1. Since it's script running and all, you already have a event/handler to client side Javascript at the needed points
2. Just put a div at the top of your page(to block all controls access) and show an image(progressing work) via Javascript when process starts
3. Hide the div and image when the process ends (success & failure)

It's a simple process, in case needed just Google for showing a div/image using Javascript.

Manfred Rudolf Bihy · Answer 2 · 2011-03-02T19:57:00

I've solved something similar. The user starts a lengthy data export via an aspx page. On the server side a background worker is created that reports its progress. The server needs to remember which user started what kind of exports. The background worker uses the OnProgressChanged or ReportProgress methods to give its current status. Server side tracks the status information of of the background worker processes. The user can now logoff or do whatever he pleases. When the user comes back at a later time he can display a list of all the processes he started and what their current state is: Running and the respective progress or that the process has finished.
The page that displays the current status of the process list uses AJAX calls to retrieve the information about the current state of a process. In my case a process was identified by UserID and ProcessID since one user was able to start more than one process.

Cheers!

MissDev · Answer 3 · 2011-03-05T12:10:00

Solution 4

I solved it. I used thread in my button click and showing pop-up window having progress bar in it.

Thank you so much for all support.

Posted 5-Mar-11 12:10pm

MissDev

How to show Progress Bar or spining circle until any process gets completed?

3 solutions

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0