Display progress image when page is loading using jquery RRS feed

  • Question

  • User149956399 posted

    hi friends,

    When I click Submit button in my Registration form it should be open a (div) progress bar Showing processing.... (or) loading  and block background.


    how to display a progress bar loading.... in div after Submit button click??


    plsssssss tell me,it's very urgent.

    Many Thanks in Advance.

    Wednesday, October 13, 2010 5:46 AM


  • User1281381861 posted

    <%@ Page Language="C#" EnableEventValidation="false" %>
    <!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 id="Head1" runat="server">
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css"
            type="text/css" media="all" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
        <script type="text/javascript" src="http://github.com/malsup/blockui/raw/master/jquery.blockUI.js?v2.34"></script>
        <script type="text/javascript">
            $(function () {
                $('#<%= Button1.ClientID %>').click(function () {
                    $.blockUI({ message: '<h1>Sumitting your request..</h1>' });
        <form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Style=""
            Text="Button1" />
    <script runat="server">
        protected void Button1_Click(object sender, EventArgs e)
            //Your server side code

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, October 13, 2010 6:17 AM