.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Articles >> ASP.NET >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Create Progress bar in asp.net

Posted By:Nikhil Kumar       Posted Date: January 14, 2010    Points: 25    Category: ASP.NET    URL: http://www.dotnetspark.com  

In this article I will show how to create progress bar in asp.net which works after a specified time and display the current date and time
 

Display Pregressbar after application in ASP.NET


Here i will show you step by step procedure how to use Display Progress Bar after application in ASP.NET in visual studio 2005 / 2008

This article shows you the usage of progress bar which works after a specified time and display the current date and time..


Here I am using Visual Studio 2008 but there is no condition you can use Visual Studio 2005 also.

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" %>





Type your webpage title here 




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









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

OUTPUT

12-When you click on the button then it will seem like this.



13- And after 5 seconds it will display the current date and time..of your system.

14-Close web browser

15-Close visual studio

Thanks!
--Nikhil Kumar

 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend