加载中样式，用于异步

<script>
    function setpageReload() {
        $('#pageReload').attr("style", "display:block;");
 
    }
 
    function setpageorver() {
        $('#pageReload').attr("style", "display:none;");
 
    }
</script>

            <asp:Button ID="BtnSelt" runat="server" CssClass="Btn" Text="查询" OnClick="BtnSelt_Click" OnClientClick="setpageReload()" />

<div id="pageReload" style="display: none;" class="div1">
    <center>
        <i class="fa fa-spinner fa-4x fa-spin"></i>
    </center>
</div>

<style>
    .Label1 {
        font-size: 16px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 2px;
    }
 
    .drop {
        float: left;
    }
 
    .Btn {
         100px;
        background-color: #7abce7;
        color: white;
        border-radius: 4px;
    }
 
    .div1 {
         100px;
        height: 100px;
        /*background:transparent;
     background:rgba(0,0,0,0.5);*/
        border-radius: 8px;
        position: fixed;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9999;
    }
</style>

ScriptManager.RegisterClientScriptBlock(UpdatePanel1, this.GetType(), "js", "setpageorver();", true);