C# 显示多个操作的asp.net进度条
我需要显示网页上三个操作的asp.net进度条。首先,当文件上传时,进度条应显示33%和消息“文件上传已开始”。上传后,应显示消息“验证文件数据”和进度66%。在第三轮,它应该显示99%的“自动数据”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
我有三个方法将被逐一调用。我在谷歌上搜索了很多,但找不到解决这类问题的方法。有人能帮忙吗?如果你想显示进度条,你需要介绍一些java脚本或jquery代码。我正在分享一个示例代码,您可以从这里获取想法
<form id="form1" runat="server">
<div style="text-align: left">
<asp:FileUpload ID="FileUpload1" runat="server" /> <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事件中调用了三种方法。在每种方法中,我正在使用改变标签文本的循环。当一个方法执行时,标签应该显示“文件上传”,其他两个方法也一样。但是标签中的文本没有改变。请帮助。如果没有任何代码,几乎不可能提供帮助。编辑你的问题,添加相关代码(强调相关),也许有人可以帮你。