Javascript jquery css 写的简单进度条控件_jquery

Javascript 进度条 Demo

原理就是使用 Javascript 控制 SPAN CSS 的宽度(以及其他的样式),详细信息可以参见链接:http://www.jb51.net/article/13993.htm

 

时间: 2024-10-28 18:22:43

Javascript jquery css 写的简单进度条控件_jquery的相关文章

Javascript 写的简单进度条控件_javascript技巧

很多的时候用户需要等待你"臃肿"的 Javascript 代码处理完成(Web 2.0 的特色).期间或许加入一个类似于进度条的东西让用户有点"安慰".这个东西实现起来并不复杂,无非就是获得总的处理条目,然后获得一个百分比,再显示输出. 通过我们伟大的 CSS,可以实现非常漂亮的进度条样式.加上 Javascript 的效果,就可以完全"欺骗"我们的用户,让他们有耐心等待浏览器处理完成.上述的原理已经知道了,那么就可以直接看代码了.本人使用的还是

jquery实现的一个简单进度条效果实例_jquery

jquery实现一个进度条的效果,或许在这里没有什么实际的作用,但是已经实现了进度条的部分原理,前端是怎么实现那种进度效果的. 效果演示: 进度条实现源码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&qu

ASP.NET2.0:Ilungasoft.Framework.Web之基于Callback的无刷新上传进度条控件[带源码]

asp.net|web|控件|上传|刷新|无刷新 共享一个基于Callback的无刷新上传进度条控件的源码.本控件使用的HttpMoudule基于宝玉的一个上传进度条的sample,这里封装为一个控件,方便使用.无需任何代码,只需设置web.config,添加HttpModule的引用,再将控件拖到页面就行.页面中的文件保存操作和传统的asp.net文件上传完全一样.可以设置属性上传过程中出错或上传成功时跳转到其它页面.兼容IE,Firefox,Opera.其它环境没测试,不过因为是基于Asp.

功能增强的进度条控件(源码)

因为比较简单,也没有多少技术含量,就把它帖出来,希望给别的朋友一点帮助 这个进度条控件,除了具有普通进度条的功能以外,还具有如下功能:设置进度条的背景色和前景色设置进度条的外观方式(3D,single,none)是否自动显示当前进度比例(比如在进度条的中间显示当前进度58%)当然,这个功能还可以增加很多,比如背景色和前景色也可以用图片代替,还有其它的功能打算在以后有时间时再添加,这次就写这些了.代码如下:using System; using System.Collections; using

vb进度条控件个性使用

相关文章: 用VB做个漂亮的进度条 源代码压缩包中包含ccrpProgressBar控件 简介 VB的第三方控件ccrpProgressBar是一个进度条的控件,可以有多种形态供选择.比起VB 中自带的进度条控件ProgressBar更有个性. 使用实例: 用ccrpProgressBar制作各式各样的进度条 在VB中自带了一个进度条控件ProgressBar,但功能简单.我向大家推荐一个VB的第三方进度条控件ccrpProgressBar.该控件功能强大,有多种形态供选择,而且只需要简单的设置

看实例学VFP:进度条控件

我们在使用Windows系统的时候,如果复制一个较大的文件或者是从网上下载东西,在复制或下载的过程中都会出现一个对话框,并且在该对话框中会有一个进度条来显示复制或下载的进度.在vfp可以使用进度条控件(ProcessBar)来实现类似的功能,有的场合下可以用到它,比如软件包含了数据备份的功能,可以用它来显示备份的进度.但是这个控件的使用不是必须的,使用它无非是可以让你编的东西看起来更专业些. 进度条控件有几个比较重要的属性,如下: min:进度条的最小值,默认为0. max:进度条的最大值,默认

新手问题--关于自定义进度条控件

问题描述 我接触c#不久,想做一个自定义的进度条控件,要求是能够实现平滑渐变效果(如从左边的红色平滑渐变到右边的绿色),如果可能的话,增加一个渐变方式的属性,从中可以选择两端的颜色.我想问一下设计的思路.谢谢了 解决方案 解决方案二:<html><head><title></title><scriptlanguage="javascript">//开始处理functionBeginTrans(msg){WriteText(&q

Android自定义View圆形进度条控件(三)

继续练习自定义View,这次带来的圆形进度条控件与之前的圆形百分比控件大同小异,这次涉及到了渐变渲染以及画布旋转等知识点,效果如下: 虽然步骤类似,但是我还是要写,毕竟基础的东西就是要多练 1.在res/values文件夹下新建attrs.xml文件,编写自定义属性: <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="Circ

VB编写一个能显示百分比的自定义进度条控件

百分比|控件|显示 运行效果: 设计方法: 1.在UserControl中添加一个Label控件Label1,将它设为平面,用来做外框.添加两个PictureBox控件PictureBox1做为进度指示,PictureBox2控件做为控件背景. 2.加入以下代码 Option Explicit '定义私有变量用于存储属性值Private mvarMax As LongPrivate mvarMin As LongPrivate mvarValue As Long Private Rate As