编程 Javascript

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