html5 进度条显示实例
来源:互联网 发布:qq语音输入软件 编辑:程序博客网 时间:2024/05/20 02:29
html5 进度条显示实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>frank index</title>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
f();
});
function f(){
var v = $("#prog").attr('value');
$('#prog').attr('value',++v);
$('#t').text(v);
if(v < 100){
setTimeout('f()',100);
}else{
alert('上传成功!');
$('#prog').css('display','none');
}
}
</script>
</head>
<body>
<div class="d"></div>
<div>
<progress id="prog" max="100" value="0" ></progress>
<span id="t"></span>%
</div>
</body>
</html>
效果:
0 0
- html5 进度条显示实例
- html5文件上传显示进度条
- HTML5实现文件上传进度条显示
- 关于多线程执行显示进度条的实例
- 关于多线程执行显示进度条的实例!
- html5进度条
- 『HTML5游戏开发』加载图片和显示进度条
- 基于HTML5 Ajax实现文件上传并显示进度条
- HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等
- HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等
- HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等
- 进度条实例
- 进度条实例
- 【Qt5开发及实例】10、关于进度条的显示
- 实例3:显示在标题上的进度条
- 显示进度条
- 显示进度条
- 进度条显示
- Golang:有趣的 channel 应用
- 二分搜索
- C++实现多态的方法
- 绝妙的 channel
- core power limit normal问题解决方法
- html5 进度条显示实例
- 跳转 App Store 评分 适配IOS7
- vc++中_RecordsetPtr使用
- 开发板作为USB设备模拟网卡(linux usb 网卡)--gadget&&rndis|cdc
- Java用SAX解析XML文件示例
- Spinner适配器为ArrayAdapter或者SimpleAdapter
- sql字符串已逗号分隔
- Postfix+SSL配置
- CRF 简介入门