How to show message during process.

Question

0.00/5 (No votes)

See more:

Hello Every one,
I have a aspx.cs page in my web application where i have a button. on this button click i have a loop (for(i=0;i<20;i++). I have a div with id (

). now i want to update div text in loop.

like when loop execute for i=1 then it div show (1 is complete) and so on to user.
like

C#

for (int i = 1; i <= cnt; i++)
       {
      divMsg.InnerHtml = "Error:" +i+ " is complete.";
}

means it show update during process. how i achieve this.

Posted 28-Oct-15 22:45pm

ErBhati

Add a Solution

Comments

Debojyoti Saha 29-Oct-15 5:08am

Use BackgroundWork class and Updatepanel for This type of task

Andy Lanng 29-Oct-15 5:14am

There are several ways of achieving Server Sent Events (SSE). I use SignalR but that is because my events can occur any time and I have a limited number of users. SignalR requires a new connection per user per service.
Here's a question I posted on Stack Overflow regarding SSE that you may find more suitable: .Net Server-Sent Events using HttpHandler not working.

Other ways of achieving the same effect is using long-polling: Simple Long Polling Example with JavaScript and jQuery. This technique usually requires a reasonably short wait time but can be very effective.

Krunal Rohit 29-Oct-15 5:35am

Well, loop will execute so fast that you'd be seeing the message like "0 is complete" and then suddenly "20 is complete".

-KR

ErBhati 31-Oct-15 5:03am

hi krunal,
this loop is for testing purpose. but in my application it takes time to complete a the process.

ZurdoDev 29-Oct-15 7:56am

First off, you need to understand how the web works. A user puts in a url to your page, the C# code executes on your server and generates html which is sent to the client and then you are no longer connected. So, to show progress on the client side you need to use client side code, javascript.

ErBhati 31-Oct-15 5:08am

Please refer any example.

1 solution

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)

Krunal Rohit · Answer 1 · 2015-10-31T00:37:00

Solution 1

Well, you can do something like:

JavaScript

$("#loader").show();
todo(); // your time-taking task
$("#loader").hide();

You can use any of the loading image from here: http://preloaders.net/[^], and set it in <div id="loader"></div>

-KR

Posted 31-Oct-15 0:37am

Krunal Rohit

Updated 31-Oct-15 0:38am

v2