如何在没有ajax工具的情况下在web应用程序c#中使用进度条_C#_Asp.net_Progress Bar

如何在没有ajax工具的情况下在web应用程序c#中使用进度条

c# asp.net

如何在没有ajax工具的情况下在web应用程序c#中使用进度条,c#,asp.net,progress-bar,C#,Asp.net,Progress Bar,如果没有ajax工具，如何在web应用程序c#中使用进度条。。。当我从一页单击到下一页时，页面加载应显示为进度条。。没有ajax工具，有人能帮忙吗提前感谢您我认为您仍然需要javascript，但不需要使用AJAX更新面板在页面上添加一个带有进度动画图像使用CSS将div设置为隐藏在您的链接按钮/按钮或不管怎样，把你的onClick活动链接起来照常在同一链接按钮/按钮上添加 onClientClick属性并调用 javascript函数来设置div 将样式设置为可见这实际上会显

如果没有ajax工具，如何在web应用程序c#中使用进度条。。。当我从一页单击到下一页时，页面加载应显示为进度条。。没有ajax工具，有人能帮忙吗

提前感谢您

我认为您仍然需要javascript，但不需要使用AJAX更新面板

在页面上添加一个带有进度动画图像

使用CSS将div设置为隐藏

在您的链接按钮/按钮或不管怎样，把你的onClick活动链接起来照常

在同一链接按钮/按钮上添加 onClientClick属性并调用 javascript函数来设置div 将样式设置为可见

这实际上会显示进度表，直到页面实际发回

接线按钮

 <asp:Button ID="btnProgress" runat="server" Text="show progress" OnClientClick="javascript:DisplayProgress()" OnClick="btnProgress_Click"
            CausesValidation="false" />

我是这样做的，当页面加载时，加载完成前我会显示进度条

<body onload="javascript:HidePreloader();">

 <div id="preloader" style="width: 100%; text-align: center;">
                    <img src="../Images/loading.gif" alt="" style="display: block;" />
                </div>

<script language="javascript" type="text/javascript">
    function HidePreloader() {
        if (document.getElementById('preloader') != null) {
            document.getElementById('preloader').style.visibility = 'hidden';

        }
    }
</script>


函数HidePreloader（）{
if（document.getElementById（'preload'）！=null）{
document.getElementById（'preload'）.style.visibility='hidden'；
}
}

问题是“没有ajax工具”

  function DisplayProgress()
        {
            document.getElementById('pnlProgress').style.visibility = 'visible';
            window.setTimeout(HideProgressPanel, 20000);  //handles hiding the progress panel should the operation time out
        }

    function HideProgressPanel()
    {
    document.getElementById('pnlProgress').style.visibility = "hidden", 20000
    }

<body onload="javascript:HidePreloader();">

 <div id="preloader" style="width: 100%; text-align: center;">
                    <img src="../Images/loading.gif" alt="" style="display: block;" />
                </div>

<script language="javascript" type="text/javascript">
    function HidePreloader() {
        if (document.getElementById('preloader') != null) {
            document.getElementById('preloader').style.visibility = 'hidden';

        }
    }
</script>