编程 Javascript

Javascript 写的简单进度条控件

Posted in Javascript onJanuary 22, 2008

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

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Jquery EasyUI中弹出确认对话框以及加载效果示例代码

Feb 13 Javascript

node.js中的fs.fstat方法使用说明

Dec 15 Javascript

js实现按钮控制图片360度翻转特效的方法

Feb 17 Javascript

充分发挥Node.js程序性能的一些方法介绍

Jun 23 Javascript

D3.js实现直方图的方法详解

Sep 25 Javascript

微信小程序框架详解及实例应用

Sep 26 Javascript

jQuery网页定位导航特效实现方法

Dec 19 Javascript

vue裁切预览组件功能的实现步骤

May 04 Javascript

js中对象和面向对象与Json介绍

Jan 21 Javascript

angular4中引入echarts的方法示例

Jan 29 Javascript

JS错误处理与调试操作实例分析

Apr 13 Javascript

js实现购物车商品数量加减

Sep 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 getsiteurl()函数

2009/09/05 PHP

PHP操作文件类的函数代码（文件和文件夹创建，复制，移动和删除）

2011/11/10 PHP

CentOS 6.2使用yum安装LAMP以及phpMyadmin详解

2013/06/17 PHP

jQuery 表单验证扩展(三)

2010/10/20 Javascript

ie下$.getJSON出现问题的解决方法

2014/02/12 Javascript

深入理解JavaScript系列（28）：设计模式之工厂模式详解

2015/03/03 Javascript

javascript中callee与caller的区别分析

2015/04/20 Javascript

JS实现点击上移下移LI行数据的方法

2015/08/05 Javascript

jQuery实现横向带缓冲的水平运动效果(附demo源码下载)

2016/01/29 Javascript

angularjs实现多张图片上传并预览功能

2017/02/24 Javascript

AngularJS获取json数据的方法详解

2017/05/27 Javascript

JS+Ajax实现百度智能搜索框

2017/08/04 Javascript

浅谈JavaScript find 方法不支持IE的问题

2017/09/28 Javascript

vue实现商城购物车功能

2017/11/27 Javascript

vue使用 better-scroll的参数和方法详解

2018/01/25 Javascript

Vue项目全局配置页面缓存之按需读取缓存的实现详解

2018/08/01 Javascript

jquery.tagsinput.js实现记录checkbox勾选的顺序

2019/09/21 jQuery

Vue 实现显示/隐藏层的思路（加全局点击事件）

2019/12/31 Javascript

js实现聊天对话框

2020/02/08 Javascript

[02:07]DOTA2超级联赛专访BBC：难忘网吧超神经历

2013/06/09 DOTA

python调用java的Webservice示例

2014/03/10 Python

Python 元组(Tuple)操作详解

2014/03/11 Python

Python中的hypot()方法使用简介

2015/05/18 Python

动态规划之矩阵连乘问题Python实现方法

2017/11/27 Python

python实现远程通过网络邮件控制计算机重启或关机

2018/02/22 Python

基于python log取对数详解

2018/06/08 Python

python3正则提取字符串里的中文实例

2019/01/31 Python

python实现大文本文件分割

2019/07/22 Python

使用Pyhton集合set()实现成果查漏的例子

2019/11/24 Python

解决Django提交表单报错:CSRF token missing or incorrect的问题

2020/03/13 Python

python实现图书馆抢座(自动预约)功能的示例代码

2020/09/29 Python

HTML5 Canvas 起步(2) - 路径

2009/05/12 HTML / CSS

《陋室铭》教学反思

2014/02/26 职场文书

信息管理与信息系统专业求职信

2014/06/21 职场文书

党的群众路线调研报告

2014/11/03 职场文书

Python实现批量将文件复制到新的目录中再修改名称

2022/04/12 Python