纯gif的虚假滚动条类:
var ProcessBar = {
mask: null,
message: null,
initialize: function () {
this.mask = document.createElement("DIV");
this.mask.className = "mask";
document.body.appendChild(this.mask);
this.message = document.createElement("DIV");
this.message.className = "message";
var text = document.createElement("DIV");
text.id = "message";
text.className = "message-text";
text.appendChild(document.createTextNode("Processing..."));
this.message.appendChild(text);
var bar = document.createElement("DIV");
bar.className = "icon-progress";
this.message.appendChild(bar);
document.body.appendChild(this.message);
},
show: function(message, mask) {
if (message) {
document.getElementById('message').firstChild.nodeValue = message;
}
if (mask) {
this.mask.style.display = 'block';
}
this.message.style.display = 'block';
},
hidden: function() {
this.mask.style.display = 'none';
this.message.style.display = 'none';
}
};
css 给出个背景图片
.icon-progress {
width: 320px;
height: 15px;
background: url(../Images/progressbar.gif);
}
分享到:
相关推荐
可以在一同页使用多个进度条实例,多个实例间互不影响
javascript进度条实例 进度条加载实例
js进度条
简单的js进度条,在网络加载时使用,做过渡效果 ,非常适合新手学习参考
JS进度条 flash下载进度条 JS下载flash进度条 JS加载Flash JS加载flash进度条 像4399游戏的FLASH进度条
JS导excl和js进度条~!
进度条自绘,各种颜色,各种步长随你设置 增强进度条类增强进度条类
JS进度条,实现同步增长效果,我觉得很好用,大家可以下载下来试试。
JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例
nanobar.js是一款轻量级的纯js进度条插件。这款进度条插件兼容ie8浏览器,它使用简单,并提供一些方法来控制进度条的当前进度。
js百分比进度条,也就是页面元素之间的嵌套,改变其嵌套元素的宽度进而去实现我们所谓的进度条,也可以使用随机数来进行颜色的填充,当我们的变量为99时候,这样内部的嵌套元素的宽度就达到了外部的宽度,所以就可以...
Javascript上传进度条
JavaScript 进度条 用IE打开 JavaScript 进度条 用IE打开 JavaScript 进度条 用IE打开
用javascript实现进度条----
各种js进度条,总有一款适合您:),不下是你的错,下了后悔是我的错!
js 椭圆形状进度条js 椭圆形状进度条js 椭圆形状进度条js 椭圆形状进度条
脚本简介:纯js+css3渐变进度条动画特效是一款css3背景属性绘制渐变的进度条加载动画特效,动态加载效果,背景色动态渐变,纯css+js实现,对于简单页面实现进度条效果可以简单利用此方法。 脚本简介:纯js+css3渐变...
MProgress.js是一款谷歌Material Design风格纯JS进度条插件。该进度条通过纯JS和CSS3来制作,没有外部依赖库。你可以通过MProgress.js制作出4种不同类型的Material Design风格进度条效果。
进度条代码js
无刷新实现上传文件时的进度条. 调用upfile函数。任务执行完后调用changekey函数。更改背景调用_syspro。