Javascript 写的简单进度条控件


Posted in Javascript onJanuary 22, 2008

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

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

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

Javascript 相关文章推荐
如何实现动态删除javascript函数
May 27 Javascript
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 Javascript
javascript/jquery获取地址栏url参数的方法
Mar 05 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
javascript特殊日历控件分享
Mar 07 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
JS实现评价的星星功能
Aug 20 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
Jan 16 Javascript
使用koa2创建web项目的方法步骤
Mar 12 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 Javascript
vue实现放大镜效果
Sep 17 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也可以?成Shell Script
2006/10/09 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
PHP asXML()函数讲解
2019/02/03 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
基于JQuery制作的产品广告效果
2010/12/08 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
Jquery实现简单的动画效果代码
2012/03/18 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
PHPStorm中如何对nodejs项目进行单元测试详解
2019/02/28 NodeJs
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
Python发送http请求解析返回json的实例
2018/03/26 Python
对pandas处理json数据的方法详解
2019/02/08 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
Linux下远程连接Jupyter+pyspark部署教程
2019/06/21 Python
基于Python执行dos命令并获取输出的结果
2019/12/30 Python
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
Onzie官网:美国时尚瑜伽品牌
2019/08/21 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
工程造价管理专业大专生求职信
2013/10/06 职场文书
英语自我评价范文
2014/01/24 职场文书
揠苗助长教学反思
2014/02/04 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
运动与健康自我评价
2015/03/09 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
职工食堂管理制度
2015/08/06 职场文书
《黄道婆》教学反思
2016/02/22 职场文书
Python基础之字符串格式化详解
2021/04/21 Python
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB
Nginx如何配置根据路径转发详解
2022/07/23 Servers