0%

ASP.NET实现进度条效果【转】

* 原文地址:http://www.jb51.net/article/115310.htm*

这篇文章主要为大家详细介绍了ASP.NET实现简单的进度条效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

我们先看下进度条效果

我点击了按钮后他会显示进度页面,进度完成后,进度条消失,其实也是比较简单的了。

我们需要一个进度条代码文件ProgressBar.htm(注意:是没有head这些标签的)

<div id="ProgressBarSide" style="position: absolute; height: 21px; width: 100px;
  color: Silver; border-width: 1px; border-style: Solid; display: block">
  <div id="ProgressBar" style="position: absolute; height: 21px; width: 0%; background-color: #1475BB">
  </div>
  <div id="ProgressText" style="position: absolute; height: 21px; width: 100%; text-align: center">
  </div>
  <div id="ProgressTitle" style="position: absolute; height: 21px; top: 21px; width: 100%;
    text-align: center">
  </div>
</div>