编程 Javascript

Javascript 写的简单进度条控件

Posted in Javascript onJanuary 22, 2008

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

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

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

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

Javascript 相关文章推荐

JavaScript中this的使用详解

Nov 08 Javascript

Javascript数组与字典用法分析

Dec 13 Javascript

javascript跨域原因以及解决方案分享

Apr 08 Javascript

JavaScript实现横向滑出的多级菜单效果

Oct 09 Javascript

JS中解决谷歌浏览器记住密码输入框颜色改变功能

Feb 13 Javascript

JS实现图片预览的两种方式

Jun 27 Javascript

vue实现表格增删改查效果的实例代码

Jul 18 Javascript

微信小程序模板（template）使用详解

Jan 31 Javascript

Vue实现固定定位图标滑动隐藏效果

May 30 Javascript

vue项目中运用webpack动态配置打包多种环境域名的方法

Jun 24 Javascript

layui加载表格,绑定新增,编辑删除,查看按钮事件的例子

Sep 06 Javascript

vue+elementUI动态生成面包屑导航教程

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

smarty 原来也不过如此~~呵呵

2006/11/25 PHP

PHP mb_convert_encoding文字编码的转换函数介绍

2011/11/10 PHP

PHP判断图片格式的七种方法小结

2013/06/03 PHP

基于flush()不能按顺序输出时的解决办法

2013/06/29 PHP

PHP 获取远程文件大小的3种解决方法

2013/07/11 PHP

php 生成短网址原理及代码

2014/01/23 PHP

php导出csv数据在浏览器中输出提供下载或保存到文件的示例

2014/04/24 PHP

php发送get、post请求的6种方法简明总结

2014/07/08 PHP

workerman结合laravel开发在线聊天应用的示例代码

2018/10/30 PHP

Laravel 错误提示本地化的实现

2019/10/22 PHP

PHP date_default_timezone_set()设置时区操作实例分析

2020/05/16 PHP

javascript new 需不需要继续使用

2009/07/02 Javascript

JS复制内容到剪切板的实例代码(兼容IE与火狐)

2013/11/19 Javascript

深入解析JavaScript中的数字对象与字符串对象

2015/10/21 Javascript

jQuery 1.9.1源码分析系列（十五)之动画处理

2015/12/03 Javascript

JQuery实现文字无缝滚动效果示例代码(Marquee插件)

2017/03/07 Javascript

vue实现移动端图片裁剪上传功能

2020/08/18 Javascript

VueJs 将接口用webpack代理到本地的方法

2017/11/27 Javascript

js实现搜索栏效果

2018/11/16 Javascript

jQuery无冲突模式详解

2019/01/17 jQuery

JS实现的全选、全不选及反选功能【案例】

2019/02/19 Javascript

vue keep-alive的简单总结

2021/01/25 Vue.js

python文件读写并使用mysql批量插入示例分享(python操作mysql)

2014/02/17 Python

Python基于pygame实现的font游戏字体(附源码)

2015/11/11 Python

Pandas:Series和DataFrame删除指定轴上数据的方法

2018/11/10 Python

python飞机大战pygame游戏框架搭建操作详解

2019/12/17 Python

HTML5如何为形状图上颜色怎么绘制具有颜色和透明度的矩形

2014/06/23 HTML / CSS

高级3D打印市场：Gambody

2019/12/26 全球购物

Puccini乌克兰：购买行李箱、女士手袋网上商店

2020/08/06 全球购物

党员创先争优承诺书

2014/03/26 职场文书

小学学校评估方案

2014/06/08 职场文书

网络研修随笔感言

2015/11/18 职场文书

2019新员工试用期转正工作总结范文

2019/08/21 职场文书

win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法

2022/04/05 数码科技

Python matplotlib 利用随机函数生成变化图形

2022/04/26 Python

JS实现九宫格拼图游戏

2022/06/28 Javascript