编程 Javascript

Javascript 写的简单进度条控件

Posted in Javascript onJanuary 22, 2008

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

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

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

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

Javascript 相关文章推荐

jquery 表格的增行删行实现思路

Mar 21 Javascript

Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例

Dec 08 Javascript

容易造成JavaScript内存泄露几个方面

Sep 04 Javascript

jQuery前端框架easyui使用Dialog时bug处理

Dec 05 Javascript

jQuery中:contains选择器用法实例

Dec 30 Javascript

kindeditor编辑器点中图片滚动条往上顶的bug

Jul 05 Javascript

AngularJs IE Compatibility 兼容老版本IE

Sep 01 Javascript

form+iframe解决跨域上传文件的方法

Nov 18 Javascript

BootStrap整体框架之基础布局组件

Dec 15 Javascript

微信小程序商城项目之淘宝分类入口（2）

Apr 17 Javascript

mui框架移动开发初体验详解

Oct 11 Javascript

浅谈Angular文字折叠展开组件的原理分析

Nov 24 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

星际争霸任务指南——虫族

2020/03/04 星际争霸

php eval函数用法总结

2012/10/31 PHP

php简单创建zip压缩文件的方法

2016/04/30 PHP

PHP登录（ajax提交数据和后台校验）实例分享

2016/12/29 PHP

基于jQuery的简单九宫格实现代码

2012/08/09 Javascript

使用jQuery内容过滤选择器选择元素实例讲解

2013/04/18 Javascript

javascript解析json实例详解

2014/11/05 Javascript

AngularJS深入探讨scope，继承结构，事件系统和生命周期

2016/11/02 Javascript

Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

2017/03/10 Javascript

jquery实现掷骰子小游戏

2019/10/24 jQuery

JavaScript This指向问题详解

2019/11/25 Javascript

javascript实现切割轮播效果

2019/11/28 Javascript

jQuery Datatables 动态列+跨列合并实现代码

2020/01/30 jQuery

[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日

2021/03/11 DOTA

Python正则表达式介绍

2012/08/06 Python

Python语言技巧之三元运算符使用介绍

2013/03/04 Python

python和bash统计CPU利用率的方法

2015/07/10 Python

在unittest中使用 logging 模块记录测试数据的方法

2018/11/30 Python

python虚拟环境迁移方法

2019/01/03 Python

对python3中, print横向输出的方法详解

2019/01/28 Python

WIn10+Anaconda环境下安装PyTorch(避坑指南)

2019/01/30 Python

pandas分批读取大数据集教程

2020/06/06 Python

python中常见错误及解决方法

2020/06/21 Python

学校司机岗位职责

2013/11/14 职场文书

入党申请人的自我鉴定

2013/12/01 职场文书

教师自荐信范文

2013/12/09 职场文书

体育专业学生自我评价范文

2014/01/17 职场文书

投资意向书范本

2014/04/01 职场文书

学习实践科学发展观心得体会

2014/09/10 职场文书

黄山导游词

2015/01/31 职场文书

销售经理工作检讨书

2015/02/19 职场文书

暂住证明怎么写

2015/06/19 职场文书

师范生小学见习总结

2015/06/23 职场文书

Html5通过数据流方式播放视频的实现

2021/04/27 HTML / CSS

spring cloud eureka 服务启动失败的原因分析及解决方法

2022/03/17 Java/Android

html解决浏览器记住密码输入框的问题

2023/05/07 HTML / CSS