Javascript 写的简单进度条控件

作者:手气不错 发布时间:December 26, 2007 分类:Javascript

抱歉,此篇 Blog 无价值,详情见此

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

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

当然这个控件还有很多需要完成的地方,我仅仅是提供了一种遵循 Web 标准的实现思路。废话不多说,有时间的话可以点击这里看下 Demo,或者将这个代码打包下载

已有 6 条回复

  1. cnzh December 27th, 2007 at 05:42 am #1
    cnzh

    奇怪了,Luck兄,好像GOOGLE Reader看不到你最近几篇文章的更新??

  2. 手气不错 December 27th, 2007 at 06:23 am #2
    手气不错

    @cnzh 我也注意到我的 RSS 在 Google Reader 里面无法更新,但是其他的阅读器是正常的(比如鲜果和抓虾)。这个问题我已经想 Feedsky 报告过了,希望能尽快得到解决。

  3. aksoft January 10th, 2008 at 12:21 am #3
    aksoft

    这个进度条能不能应用在php的循环里?

    for($i=0,$i<1000,$i++)

    {



    }

  4. 手气不错 January 10th, 2008 at 12:58 am #4
    手气不错

    @aksoft 这个是 Javascript 效果,可以应用在 ajax 效果上面。当然可以使用 PHP 方面,在循环里面抛出 XML,然后 Javascript 接收即可。

  5. afd October 17th, 2008 at 05:17 am #5
    afd

    为什么把jquery.js加密???

  6. tianxz November 14th, 2008 at 09:36 am #6
    tianxz

    程序较短,但是引入jquery就大了

添加新回复

Yahoo 统计