编程 Javascript

Javascript 写的简单进度条控件

Posted in Javascript onJanuary 22, 2008

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

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

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

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

Javascript 相关文章推荐

关于javascript DOM事件模型的两件事

Jul 22 Javascript

jQuery实现鼠标移到元素上动态提示消息框效果

Oct 20 Javascript

jquery遍历checkbox介绍

Feb 21 Javascript

php实例分享之实现显示网站运行时间

May 20 Javascript

JavaScript数据类型学习笔记分享

Sep 01 Javascript

详解webpack介绍&安装&常用命令

Jun 29 Javascript

JavaScript编写棋盘覆盖代码详解

Aug 28 Javascript

vue使用axios时关于this的指向问题详解

Dec 22 Javascript

jQuery实现动态显示select下拉列表数据的方法

Feb 05 jQuery

详解Vue项目在其他电脑npm run dev运行报错的解决方法

Oct 29 Javascript

laravel-admin 与 vue 结合使用实例代码详解

Jun 04 Javascript

js仿360开机效果

Dec 26 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

2006/10/09 PHP

基于PHP导出Excel的小经验完美解决乱码问题

2013/06/10 PHP

PHP5.5迭代生成器用法实例详解

2016/03/16 PHP

PHP创建多级目录的两种方法

2016/10/28 PHP

PHP编程实现脚本异步执行的方法

2017/08/09 PHP

PHP实现按之字形顺序打印二叉树的方法

2018/01/16 PHP

php使用filter_var函数判断邮箱，url,ip格式示例

2019/07/06 PHP

thinkphp5框架前后端分离项目实现分页功能的方法分析

2019/10/08 PHP

符合W3C网页标准的iframe标签的使用方法

2007/07/19 Javascript

jquery选择器使用详解

2014/04/08 Javascript

JavaScript获取表单内所有元素值的方法

2015/04/02 Javascript

jquery获取多个checkbox的值异步提交给php

2015/07/07 Javascript

jquery+json实现分页效果

2016/03/07 Javascript

不能不知道的10个angularjs英文学习网站

2016/03/23 Javascript

jqueryMobile 动态添加元素,展示刷新视图的实现方法

2016/05/28 Javascript

Angular.JS判断复选框checkbox是否选中并实时显示

2016/11/30 Javascript

js仿拉勾网首页穿墙广告效果

2017/03/08 Javascript

JavaScript箭头(arrow)函数详解

2017/06/04 Javascript

vue中eventbus被多次触发以及踩过的坑

2017/12/02 Javascript

node.js基于dgram数据报模块创建UDP服务器和客户端操作示例

2020/02/12 Javascript

Python使用htpasswd实现基本认证授权的例子

2014/06/10 Python

python使用三角迭代计算圆周率PI的方法

2015/03/20 Python

Python减少循环层次和缩进的技巧分析

2016/03/15 Python

使用python将图片格式转换为ico格式的示例

2018/10/22 Python

学习python分支结构

2019/05/17 Python

wxPython绘图模块wxPyPlot实现数据可视化

2019/11/19 Python

Python实现打印实心和空心菱形

2019/11/23 Python

Python完全识别验证码自动登录实例详解

2019/11/24 Python

Python如何脚本过滤文件中的注释

2020/05/27 Python

canvas实现有递增动画的环形进度条的实现方法

2019/07/10 HTML / CSS

Argos官网：英国家喻户晓的百货零售连锁商

2017/04/03 全球购物

四年级下册教学反思

2014/02/01 职场文书

关爱女孩行动实施方案

2014/03/13 职场文书

工程质量承诺书

2014/03/27 职场文书

婚礼上证婚人致辞

2015/07/28 职场文书

确保减税降费落地生根，用实实在在措施

2019/07/19 职场文书