Click here to Skip to main content
16,012,508 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Could you please any body help me how to implemnt Progress bar in asp.net and c#
Posted
Updated 26-Oct-18 2:44am

XML
So follow these steps to create Display after application

The Steps are:

1- Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008

2- Now go to File Menu -> New -> Web Site

3- Under Visual Studio Installed Template-> Choose ASP.NET WEB SITE -> Choose File System from the location combo box -> Set the path by the browse button - > Choose the language from the Language ComboBox (Visual C# , Visual Basic , J #)

Choose Visual C#

4 - Click on the OK Button:-

First you have to learn XML and HTML to work with ASP .NET_

I have used to make the text as comment this is the way to make comment in this code …

This is the Source Code window and in this page you will se this code…


<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Type your webpage title here</title>  <!– Here you can specify your page title in between title tag ->
</head>
<body>
<form id="form1? runat="server">
<div>
<!– In between div tags you can manage your web controls like buttons, labels, picture

Box, ImageMap etc >

</div>
</form>
</body>
</html>


See here is a tab named Design in the bottom of this page

5- Click on this tab and you will see a blank web page where you can drag any control from the toolbox (which is in the left side of this window)

6-copy and .gif progress image and paste it into the solution explorer.

7- Now Drag some controls under the AJAX Extensions

One scriptmanager

One UpdatePanel

One UpdateProgress

And now set the source code window like this….

Under the form tag__




        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
        <center>
        <div><asp:Button ID ="button1" runat="server" Text="Update Time/ Date"
                onclick="button1_Click"/>
            <br />
        <asp:Label ID ="label1" runat ="server"></asp:Label>
        </div>
        </center>
        </ContentTemplate>
        </asp:UpdatePanel>
        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="2000" DynamicLayout ="true">
        <ProgressTemplate>
        <center><img src="progress.gif" runat="server" /></center>
        </ProgressTemplate>
        </asp:UpdateProgress>



8- Now in the design window double click the button and type this code in the code window…


protected void button1_Click(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(5000);
        label1.Text = "Page refreshed at" + DateTime.Today.ToLongDateString() + "" + DateTime.Now.ToLongTimeString();
    }


11 - Now run your web site by Ctrl + F5

OUT PUT
12-When you click on the button then it will seem like this…
Here i can't show you the output picture to see just download the attachment..

13- And after 5 seconds it will display the current date and time….of your system.
 
Share this answer
 
Html5 Progreebar you can easily add in your aspx page

Asp.net Ajax Progressbar
 
Share this answer
 

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900