Javascript 写的简单进度条控件

发布时间：2008-01-22　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

很多的时候用户需要等待你“臃肿”的Javascript代码处理完成（Web2.0的特色）。期间或许加入一个类似于进度条的东西让用户有点“安慰”。这个东西实现起来并不复杂，无非就是获得总的处理条目，然后获得一个百分比，再显示输出。通过我们伟大的CSS，可以实现

很多的时候用户需要等待你“臃肿”的Javascript代码处理完成（Web2.0的特色）。期间或许加入一个类似于进度条的东西让用户有点“安慰”。这个东西实现起来并不复杂，无非就是获得总的处理条目，然后获得一个百分比，再显示输出。

通过我们伟大的CSS，可以实现非常漂亮的进度条样式。加上Javascript的效果，就可以完全“欺骗”我们的用户，让他们有耐心等待浏览器处理完成。上述的原理已经知道了，那么就可以直接看代码了。本人使用的还是jQuery框架，因为这样简短的代码可能会更容易理解。

当然这个控件还有很多需要完成的地方，我仅仅是提供了一种遵循Web标准的实现思路。废话不多说，有时间的话可以点击这里看下在线演示