编程 Javascript

Javascript 写的简单进度条控件

Posted in Javascript onJanuary 22, 2008

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

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

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

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

Javascript 相关文章推荐

JavaScript判断一个URL链接是否有效的实现方法

Oct 08 Javascript

javascript简单事件处理和with用法介绍

Sep 16 Javascript

浮动的div自适应居中显示的js代码

Dec 23 Javascript

jQuery实现行文字链接提示效果的方法

Mar 10 Javascript

AngularJS的表单使用详解

Jun 17 Javascript

jquery根据一个值来选中select下的option实例代码

Aug 29 Javascript

js改变html的原有内容实现方法

Oct 05 Javascript

Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

Aug 22 Javascript

vue小图标favicon不显示的解决方案

Sep 19 Javascript

基于vue、react实现倒计时效果

Aug 26 Javascript

js实现简单掷骰子小游戏

Oct 24 Javascript

Vue中使用wangeditor富文本编辑的问题

Feb 07 Vue.js

用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

基于mysql的论坛（4）

2006/10/09 PHP

将PHP程序中返回的JSON格式数据用gzip压缩输出的方法

2016/03/03 PHP

php生成0~1随机小数的方法(必看)

2017/04/05 PHP

PHP如何防止XSS攻击与XSS攻击原理的讲解

2019/03/22 PHP

Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0

2008/03/22 Javascript

用JavaScript隐藏控件的方法

2009/09/21 Javascript

基于jquery的一个简单的脚本验证插件

2010/04/05 Javascript

js获得鼠标的坐标值的方法

2013/03/13 Javascript

js string 转 int 注意的问题小结

2013/08/15 Javascript

浅析jQuery1.8的几个小变化

2013/12/10 Javascript

BootStrap使用popover插件实现鼠标经过显示并保持显示框

2016/06/23 Javascript

JavaScript编程中实现对象封装特性的实例讲解

2016/06/24 Javascript

easyui中combotree循环获取父节点至根节点并输出路径实现方法

2016/11/10 Javascript

jQuery 控制文本框自动缩小字体填充

2017/06/16 jQuery

jquery tmpl模板(实例讲解)

2017/09/02 jQuery

浅谈React的最大亮点之虚拟DOM

2018/05/29 Javascript

vue.js+element-ui动态配置菜单的实例

2018/09/07 Javascript

详解Vue2 添加对scss的支持

2019/01/02 Javascript

vue实现图片懒加载的方法分析

2020/02/05 Javascript

[00:52]DOTA2齐天大圣预告片

2016/08/13 DOTA

python中类的输出或类的实例输出为这种形式的原因

2019/08/12 Python

python 函数的缺省参数使用注意事项分析

2019/09/17 Python

使用Puppeteer爬取微信文章的实现

2020/02/11 Python

python使用python-pptx删除ppt某页实例

2020/02/14 Python

利用Python将图片中扭曲矩形的复原

2020/09/07 Python

html5开发三八女王节表白神器

2018/03/07 HTML / CSS

瑞典轮胎在线：Tirendo.se

2018/06/21 全球购物

zooplus意大利：在线宠物商店

2019/08/07 全球购物

董事长秘书职责

2014/01/31 职场文书

简单通用的简历自我评价

2014/09/21 职场文书

介绍信的写法

2015/01/31 职场文书

银行优秀员工推荐信

2015/03/24 职场文书

幼儿体育课教学反思

2016/02/16 职场文书

如何将numpy二维数组中的np.nan值替换为指定的值

2021/05/14 Python

python简单验证码识别的实现过程

2021/06/20 Python

Node.js实现爬取网站图片的示例代码

2022/04/04 NodeJs