关于Mui- 进度条

qiaokelizhuzhu

于 2022-08-11 16:59:39 发布

阅读量398

点赞数

分类专栏：工作记录文章标签： servlet html 前端

原文链接：https://www.cnblogs.com/fdxjava/p/11073360.html

版权

工作记录专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

</head>

<body>
<header class="mui-bar mui-bar-nav">

<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">测试属性</h1>
</header>
<div class="mui-content">
<div style="padding: 20px;">
<div id="demo1" class="mui-progressbar">
<span></span>
</div>
</div>
<div style="padding: 0px 20px;">
<button type="button" οnclick="setPro();">展现进度条</button>
</div>
</div>
<script type="text/javascript">
function setPro(){
/*动画效果*/
var obj = mui('#demo1');
var bl = 0;
setInterval(function(){
obj.progressbar({progress:bl}).show();
bl+=10;
},1000);
/*mui('#demo1').progressbar({progress:50}).show();*/
}
</script>
</body>