ProgressJs是一个JavaScript和CSS3库，帮助开发人员创建和管理页面上的任何对象的进度条。你可以自己设计模板的进度条或简单的定制。
你可以使用ProgressJs显示加载内容的进步（图像，视频，等等）到用户的网页。它可以用在所有的元素包括文本框，文本区，甚至整个身体。
它的重量轻，易于使用的，可定制的，自由和开放源码。
基本使用方法
//to set progress-bar for whole page
progressJs().start()
//or for specific element
progressJs("#targetElement").start()
这是ProgressJs的第一个测试版，这当然会更强大的很快。我们将发布一个稳定的变化版本，下载最新版本或其他。作为一个开发者，你可以帮助我们找到错误或解决他们自己的，开源的美。
加载图片动画
<div class="container" style="text-align: center">
<div class="row-fluid" style="margin-bottom: 30px">
<img class="span4 img-rounded" data-img="1" style="height: 187px" />
<img class="span4 img-rounded" data-img="2" style="height: 187px" />
<img class="span4 img-rounded
<pre t="code" l="js">s[0].style.width = 100 - r / i * 100 + quot%quot该代码不就是设置进度条的么如果你能更改页面 你在标签中这样写：<pre t="code" l="html">lth5gt(资料完整度ltspan id=quotwz_jdquotgtlt/spangt)lt/h5gt然后在你的JS中 <pre t="code" l="js">s[0].style.width = 100 - r / i * 100 + quot%quot的下面 写上:
<pre t="code" l="js">document.getElementById(quotwz_jdquot).innerHTML = 100 - r / i * 100 + quot%quot不就OK了么
注意:你的JS中哪儿有那行代码 就在那行下面 追加
如果不能更改页面就在那行代码下面 这样写：<pre t="code" l="js">document.getElementsByTagName(quoth5quot)[0].innerHTML = quot(资料完整度quot+ (100 - r / i * 100) + quot%)quot里面的0 表示是第1个h5标签 如果你有多个 自己进行更改
我想到三种实现方法：1、CSS字体支持反色效果。你可以用css实现。
2、CSS得遮罩效果，做两层把下面遮住，一点点露出来。
3、用canvas绘图。
