javascript实现简单的进度条

前端之家收集整理的这篇文章主要介绍了javascript实现简单的进度条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

示例一:

<Meta charset="utf8"> Process Bar



再来分享一个结合.net的

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

无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>页

后台代码,Default.aspx.cs:

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(); 

}
}

原文链接:https://www.f2er.com/js/53557.html

猜你在找的JavaScript相关文章