jQuery MiniUI

标题: MiniUI 是不是没有进度条的案例？ [打印本页]
作者: guoweidong    时间: 2012-8-27 10:32:14     标题: MiniUI 是不是没有进度条的案例？

见下图，像这样的进度条怎么没有呢？这是我做的其它应用。
作者: liuwei88212    时间: 2012-8-27 10:55:01

不是一个进度条的控件吗？
作者: guoweidong    时间: 2012-8-27 11:07:53

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

我在Demo上没看到进度条的例子
作者: factory    时间: 2012-8-27 11:08:40

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    时间: 2012-8-27 11:25:14

http://www.miniui.com/demo/#src=messagebox.html
这里面应该有你想要的，html按钮
作者: guoweidong    时间: 2012-8-27 11:56:55

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

你这个加载不到实是数据，我那个有实时数据的。
作者: niko    时间: 2012-8-27 16:56:04

实现一个简单的进度条显示：
  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    时间: 2012-8-27 19:24:19

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

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



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2