编程 Javascript

Javascript 写的简单进度条控件

Posted in Javascript onJanuary 22, 2008

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

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

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

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

Javascript 相关文章推荐

无阻塞加载脚本分析[全]

Jan 20 Javascript

Javascript 鼠标移动上去滑块跟随效果代码分享

Nov 23 Javascript

判断及设置浏览器全屏模式

Apr 20 Javascript

jQuery中$.extend()用法实例

Jun 24 Javascript

JS实现alert中显示换行的方法

Dec 17 Javascript

jQuery焦点图插件SaySlide

Dec 21 Javascript

jQuery中队列queue()函数的实例教程

May 03 Javascript

jQuery实现鼠标经过像翻页和描点链接效果

Aug 08 Javascript

利用原生JS与jQuery实现数字线性变化的动画

Feb 24 Javascript

网页中的图片查看器viewjs使用方法

Jul 11 Javascript

Vue动态加载异步组件的方法

Nov 21 Javascript

解决await在forEach中不起作用的问题

Feb 25 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

i5 10400(1) GTX1660(1) ipad(1) i7 6700(1) 对讲机(1) Tomcat(18) React(6) win10(43) i5 9400(1) win11(40)

You might like

PHP 多进程解决难题

2009/06/22 PHP

php之XML转数组函数的详解

2013/06/07 PHP

探讨php中防止SQL注入最好的方法是什么

2013/06/10 PHP

PHP-FPM实现性能优化

2016/03/31 PHP

PHP中一个有趣的preg_replace函数详解

2018/08/15 PHP

php中访问修饰符的知识点总结

2019/01/27 PHP

PHP与Web页面交互操作实例分析

2020/06/02 PHP

BOOM vs RR BO5 第二场 2.14

2021/03/10 DOTA

jQuery之end()和pushStack()使用介绍

2012/02/07 Javascript

JavaScript常用全局属性与方法记录积累

2013/07/03 Javascript

ComboBox 和 DateField 在IE下消失的解决方法

2013/08/30 Javascript

SyntaxHighlighter 3.0.83使用笔记

2015/01/26 Javascript

js实现日历与定时器

2017/02/22 Javascript

Node.js安装配置图文教程

2017/05/10 Javascript

使用node.js搭建服务器

2017/05/20 Javascript

vue中element组件样式修改无效的解决方法

2018/02/03 Javascript

JS声明对象时属性名加引号与不加引号的问题及解决方法

2018/02/16 Javascript

解决layui上传文件提示上传异常,实际文件已经上传成功的问题

2018/08/19 Javascript

vue基础之data存储数据及v-for循环用法示例

2019/03/08 Javascript

vue前端框架—Mint UI详解（更适用于移动端）

2019/04/30 Javascript

使用 vue 实现灭霸打响指英雄消失的效果附demo

2019/05/06 Javascript

js 使用ajax设置和获取自定义header信息的方法小结

2020/03/12 Javascript

Openlayers实现距离面积测量

2020/09/28 Javascript

关于Vue中$refs的探索浅析

2020/11/05 Javascript

python 合并文件的具体实例

2013/08/08 Python

Python读取环境变量的方法和自定义类分享

2014/11/22 Python

python实现flappy bird小游戏

2018/12/24 Python

Python实现删除排序数组中重复项的两种方法示例

2019/01/31 Python

基于Python脚本实现邮件报警功能

2020/05/20 Python

流行文化收藏品：Sideshow（DC漫画，星球大战，漫威）

2019/03/17 全球购物

户籍证明的格式

2014/01/13 职场文书

预备党员的自我评价

2014/03/12 职场文书

七夕情人节促销方案

2014/06/07 职场文书

关于环保的标语

2014/06/13 职场文书

幼儿园教师考核评语

2014/12/31 职场文书

Springboot如何同时装配两个相同类型数据库

2021/11/17 Java/Android