Serving Information Simply

Tuesday, 15 January 2013

Progressbar Example while loading the Data

Hello friends.........
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 Combo Box (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 see this code…

<%@ Page Language=”C#” AutoEventWireup=”true”  CodeFile=”Default.aspx.cs” Inherits=”_Default” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”>
<html xmlns=””>
<head runat=”server”>
<title>Type your webpage title here</title>  <!– Here you can specify your page title in between title tag ->
<form id=”form1? runat=”server”>
<!– In between div tags you can manage your web controls like buttons, labels, picture
Box, ImageMap etc –>


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 script manager
One Update Panel
One Update Progress
And now set the source code window like this….

Under the form tag__

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

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)
       label1.Text = "Page refreshed at" + DateTime.Today.ToLongDateString() +   ""    + DateTime.Now.ToLongTimeString();
11 - Now run your web site by Ctrl + F5


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

14-Close web browser
15-Close visual studio


  1. nice Article...thanks

  2. nice can you tell me free with C# training website in hindi language?