Javascript 写的简单进度条控件


Posted in Javascript onJanuary 22, 2008

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

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

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

Javascript 相关文章推荐
jQuery Validation插件remote验证方式的Bug解决
Jul 01 Javascript
jquery异步跨域访问代码
Jun 28 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 Javascript
详解javascript事件冒泡
Jan 09 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
详解JS面向对象编程
Jan 24 Javascript
老生常谈 js中this的指向
Jun 30 Javascript
详解从买域名到使用pm2部署node.js项目全过程
Mar 07 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
May 30 Javascript
基于vue实现简易打地鼠游戏
Aug 21 Javascript
用jQuery实现检测浏览器及版本的脚本代码
Jan 22 #Javascript
零基础学JavaScript最新动画教程+iso光盘下载
Jan 22 #Javascript
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 #Javascript
jquery 插件 人性化的消息显示
Jan 21 #Javascript
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 #Javascript
利用js跨页面保存变量做菜单的方法
Jan 17 #Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 #Javascript
You might like
PHP 替换模板变量实现步骤
2009/08/24 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
php中引用&的用法分析【变量引用,函数引用,对象引用】
2016/12/12 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
2019/09/19 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
从零学python系列之教你如何根据图片生成字符画
2014/05/23 Python
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
PyQT实现菜单中的复制,全选和清空的功能的方法
2019/06/17 Python
python3 xpath和requests应用详解
2020/03/06 Python
用python绘制樱花树
2020/10/09 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
精彩的大学生自我评价
2013/11/17 职场文书
关于抽烟的检讨书
2014/02/25 职场文书
团支部建设方案
2014/05/02 职场文书
增员口号大全
2014/06/18 职场文书
人事专员岗位职责说明书
2014/07/30 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
兵马俑的导游词
2015/02/02 职场文书
采购员岗位职责范本
2015/04/07 职场文书
教师节班会主持词
2015/07/06 职场文书
2015年机关作风和效能建设工作总结
2015/07/23 职场文书
一个家长教育孩子的心得体会
2016/01/15 职场文书