JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript实现简单的进度条大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

示例一:

Process Bar
:100%; BACkground-color:#03F; width:0px;">



再来分享一个结合.net的

建立一个WEB工程,添加新项->HTML页面,命名为ProgressBar.htm,内容如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml" id="mainWindow"> 无标题页
:100px;color:Silver;border-width:1px;border-style:Solid;display:none">
BACkground-color:#3366FF">
:100%;text-align:center">

后台代码,Default.aspx.cs:

m.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using System.Threading; using System.IO;

public partial class _Default : System.Web.UI.Page
{
private void beginProgress()
{
//根据ProgressBar.htm显示进度条界面
String templateFilename = Path.Combine(Server.MapPath("."),"ProgressBar.htm");
StreamReader reader = new StreamReader(@templateFilename,System.Text.Encoding.GetEncoding("GB2312"));
String html = reader.ReadToEnd();
reader.Close();
Response.Write(html);
Response.Flush();
}

private void setProgress(int percent)
{
String jsBlock = "";
Response.Write(jsBlock);
Response.Flush();
}

private void finishProgress()
{
String jsBlock = "";
Response.Write(jsBlock);
Response.Flush();
}

private void Page_Load(object sender,System.EventArgs E)
{
beginProgress();

for (int i = 1; i <= 100; i++)
{
  setProgress(i);

  //此处用线程休眠代替实际的操作,如加载数据等
  System.Threading.Thread.Sleep(50);
}

finishProgress(); 

}
}

大佬总结

以上是大佬教程为你收集整理的javascript实现简单的进度条全部内容,希望文章能够帮你解决javascript实现简单的进度条所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。