vvsnmurty Ответов: 3

ProgressBar в Asp.net и с#


Не могли бы вы пожалуйста любой орган помочь мне как имплементировать прогресс бар в asp.net и с#

3 Ответов

Рейтинг:
2

vinayakJJ

Progreebar В HTML5 вы можете легко добавить на свою страницу aspx

Прогрессбар Asp.net Аякс


Рейтинг:
0

Srinivas Lakkapally

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.