进度条
Posted 艾登
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了进度条相关的知识,希望对你有一定的参考价值。
$(function () {
$("#box").progressbar({
width: 300, //宽度
height: 20, //高度
value: 10, //进度
text: ‘1111‘, //进度条上显示的数字,默认值‘{value}%‘ 一般不改
onChange: function (newValue, oldValue) {
console.log(‘新‘ + newValue + "旧:" + oldValue);
},
});
//setTimeout(function () {
// $("#box").progressbar(‘setValue‘, 70); //一秒后进度到70%
//}, 1000);
setInterval(function(){
$("#box").progressbar(‘setValue‘, $("#box").progressbar(‘getValue‘)+5) //进度条每0.2秒进5% 动画效果
}, 200);
});
以上是关于进度条的主要内容,如果未能解决你的问题,请参考以下文章