MiniUI 是不是没有进度条的案例？

guoweidong

见下图，像这样的进度条怎么没有呢？这是我做的其它应用。

liuwei88212

不是一个进度条的控件吗？

guoweidong

liuwei88212 发表于 2012-8-27 10:55
不是一个进度条的控件吗？

我在Demo上没看到进度条的例子

factory

miniui不提供进度条控件,你可以自己用HTML实现
下面是一个大概的demo:
<div style="width:400px;height:30px;">
        <div id="progress"></div>
    </div>

function loading(){
    var progress = document.getElementById("progress");
    var i=0;
    setInterval(function(){
    i+=1;
    if(i >3)return;
    progress.style.width = i/360*400
    },200)
}

liuwei88212

http://www.miniui.com/demo/#src=messagebox.html
这里面应该有你想要的，html按钮

guoweidong

liuwei88212 发表于 2012-8-27 11:25
http://www.miniui.com/demo/#src=messagebox.html
这里面应该有你想要的，html按钮

你这个加载不到实是数据，我那个有实时数据的。

niko

实现一个简单的进度条显示：

1.     <style type="text/css">
   
2.     .progress
   
3.     {
   
4.         border:solid 1px #aaa;height:30px;
   
5.         position:relative;
   
6.     }
   
7.     .progress div
   
8.     {
   
9.             background-color:blue;
   
10.             height:100%;
    
11.     }
    
12.     .progress span
    
13.     {
    
14.         position:absolute;display:block;left:0;top:0;width:100%;line-height:30px;
    
15.         text-align:center;
    
16.     }
    
17.     </style>
    
18.     <div class="progress" style="width:400px;">
    
19.         <div id="p" style="width:30%;"></div>
    
20.         <span>30%</span>
    
21.     </div>

复制代码

注意控制里面的width和文本内容，就可以了。

liuwei88212

guoweidong 发表于 2012-8-27 11:56
你这个加载不到实是数据，我那个有实时数据的。

哦，这个我还没用过呢？先关注着，，，