C# 显示多个操作的asp.net进度条

C# 显示多个操作的asp.net进度条,c#,asp.net,file-upload,progress-bar,C#,Asp.net,File Upload,Progress Bar,我需要显示网页上三个操作的asp.net进度条。首先,当文件上传时,进度条应显示33%和消息“文件上传已开始”。上传后,应显示消息“验证文件数据”和进度66%。在第三轮,它应该显示99%的“自动数据” 我有三个方法将被逐一调用。我在谷歌上搜索了很多,但找不到解决这类问题的方法。有人能帮忙吗?如果你想显示进度条,你需要介绍一些java脚本或jquery代码。我正在分享一个示例代码,您可以从这里获取想法 <form id="form1" runat="server"> <d

我需要显示网页上三个操作的asp.net进度条。首先,当文件上传时,进度条应显示33%和消息“文件上传已开始”。上传后,应显示消息“验证文件数据”和进度66%。在第三轮,它应该显示99%的“自动数据”


我有三个方法将被逐一调用。我在谷歌上搜索了很多,但找不到解决这类问题的方法。有人能帮忙吗?

如果你想显示进度条,你需要介绍一些java脚本或jquery代码。我正在分享一个示例代码,您可以从这里获取想法

<form id="form1" runat="server">
    <div style="text-align: left">
        <asp:FileUpload ID="FileUpload1" runat="server" />&nbsp;<br />
        <br />
        <asp:Button ID="Button1" runat="server" Text="Upload" OnClientClick="return ProgressBar()" OnClick="Button1_Click" /><br />
        <br />
        <div id="divUpload" style="display: none">
            <div style="width: 300pt; text-align: center;">Uploading...</div>
            <div style="width: 300pt; height: 20px; border: solid 1pt gray">
                <div id="divProgress" runat="server" style="width: 1pt; height: 20px; background-color: Gray; display: none">
                </div>
            </div>
            <div style="width: 300pt; text-align: center;">
                <asp:Label ID="lblPercentage" runat="server" Text="Label"></asp:Label>
            </div>
        </div>
    </div>
    <br />
    <asp:Label ID="Label1" runat="server" ForeColor="Red" Text=""></asp:Label>
</form>

<script language="javascript" type="text/javascript">
    var size = 2;
    var id = 0;

    function ProgressBar() {
        if (document.getElementById('<%=FileUpload1.ClientID %>').value != "") {
            document.getElementById("divProgress").style.display = "block";
            document.getElementById("divUpload").style.display = "block";
            id = setInterval("progress()", 20);
            return true;
        }
        else {
            alert("Select a file to upload");
            return false;
        }
    }

    function progress() {
        size = size + 1;
        if (size > 299) {
            clearTimeout(id);
        }
        document.getElementById("divProgress").style.width = size + "pt";
        document.getElementById("<%=lblPercentage.ClientID %>").
            firstChild.data = parseInt(size / 3) + "%";
    }

</script>

 protected void Button1_Click(object sender, EventArgs e)
{
    // Do code here to saving a file from fileupload control
    //FileUpload1.PostedFile.SaveAs("path");
    System.Threading.Thread.Sleep(8000);
    Label1.Text = "Upload successfull!";
}


这个问题太宽泛了。您需要自己尝试一个解决方案,如果您的代码遇到问题,请发回此处。有一些解决方案您必须自己查找和修复-并非所有内容都是免费的谷歌搜索结果。先生,我尝试了代码。我在button click事件中调用了三种方法。在每种方法中,我正在使用改变标签文本的循环。当一个方法执行时,标签应该显示“文件上传”,其他两个方法也一样。但是标签中的文本没有改变。请帮助。如果没有任何代码,几乎不可能提供帮助。编辑你的问题,添加相关代码(强调相关),也许有人可以帮你。