css 简单进度条
来源:互联网 发布:伊士顿高频交易算法 编辑:程序博客网 时间:2024/05/17 22:24
<script>
var progress_id = "loading";
function SetProgress(progress) {
if (progress) {
$("#" + progress_id + " > div").css("width",String(progress) + "%"); //控制#loading div宽度
$("#" + progress_id + " > div").html(String(progress) + "%"); //显示百分比
}
}
var i = 0;
function doProgress() {
if (i > 100) {
$("#message").html("恭喜您,歌曲上传成功!谢谢您对九酷的支持!").fadeIn("slow");//加载完毕提示
return;
}
if (i <= 100) {
setTimeout("doProgress()",100);
SetProgress(i);
i++;
}
}
$(document).ready(function() {
doProgress();
});
</script>
<div id="message"></div>
<div id="loading"><div></div></div>
<style>
#loading{ background:#cccccc; width:243px; height:12px; -moz-border-radius: 15px; /* Gecko browsers */-webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}
#loading div{ background:#ff5b00;width:1px; line-height:12px;height:12px; text-align:right;-moz-border-radius: 15px; /* Gecko browsers */-webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}
var progress_id = "loading";
function SetProgress(progress) {
if (progress) {
$("#" + progress_id + " > div").css("width",String(progress) + "%"); //控制#loading div宽度
$("#" + progress_id + " > div").html(String(progress) + "%"); //显示百分比
}
}
var i = 0;
function doProgress() {
if (i > 100) {
$("#message").html("恭喜您,歌曲上传成功!谢谢您对九酷的支持!").fadeIn("slow");//加载完毕提示
return;
}
if (i <= 100) {
setTimeout("doProgress()",100);
SetProgress(i);
i++;
}
}
$(document).ready(function() {
doProgress();
});
</script>
<div id="message"></div>
<div id="loading"><div></div></div>
<style>
#loading{ background:#cccccc; width:243px; height:12px; -moz-border-radius: 15px; /* Gecko browsers */-webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}
#loading div{ background:#ff5b00;width:1px; line-height:12px;height:12px; text-align:right;-moz-border-radius: 15px; /* Gecko browsers */-webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}
0 0
- css 简单进度条
- 用CSS实现简单的进度条
- 用CSS实现简单的进度条
- 进度条CSS
- css进度条
- CSS 进度条
- css进度条
- css进度条
- 简单进度条
- CSS 进度条 搜集
- css+js 进度条 .
- 进度条的CSS写法
- html css js 进度条
- CSS 动态进度条效果
- div+css 百分比进度条
- css+div模拟进度条
- 使用CSS实现进度条
- div+css进度条
- java中读取文件时应该采用什么编码
- 派镇景点
- 解决Android客户端运行Cococs2dx编写的游戏程序遇到的意外游戏中断导致的游戏黑屏问题
- js Jquery 操作Select 下拉框
- First step.
- css 简单进度条
- RestFul Api 定义流程规范
- Android 触摸屏手势识别
- HDU3371 Connect the Cities【Kruskal】
- .NET执行程序运行路径
- GridView Item显示的高度过长
- [C How To Program] 习题6.30 erato_traverse
- (4/23)建造者模式
- unity之声音播放