在导航栏中放置一个Twitter Bootstrap进度条

Question

我想用jPlayer和Twitter Bootstrap编写一个小型音乐播放器。对于控件，我使用带图标作为按钮的导航栏组件，以显示当前歌曲中我想使用进度条的位置，但是当我将它放置在导航栏中时，它会卡在顶部。

到目前为止，我使用此代码的工作：http://jsfiddle.net/m5Lkk/1/

<div class="container"> 
    <div class="navbar navbar-static-top"> 
     <div class="navbar-inner"> 
      <ul class="nav"> 
       <li><a href="#"><i class="icon-play"></i></a></li> 
       <li><a href="#"><i class="icon-stop"></i></a></li> 
      </ul> 
      <div class="nav navbar-text progress" style="width: 300px;"> 
       <div class="bar" style="width: 30%;"></div> 
      </div> 
      <p class="nav navbar-text pull-right">13:37</p> 
     </div> 
    </div> 
</div> 

有谁知道我是如何得到的导航栏里面verically中心的进度条？

Answer 1

我知道这是肮脏的，但对于这一点：

http://jsfiddle.net/m5Lkk/9/

<div class="container"> 
    <div class="navbar navbar-static-top"> 
     <div class="navbar-inner"> 
      <ul class="nav"> 
       <li><a href="#"><i class="icon-play"></i></a></li> 
       <li><a href="#"><i class="icon-stop"></i></a></li> 
      </ul> 
      <div class="nav navbar-text progress" style="width: 300px; margin-top:10px"> 
       <div class="bar" style="width: 30%;"></div> 
      </div> 
      <p class="nav navbar-text pull-right">13:37</p> 
     </div> 
    </div> 
</div> 

我基本上都添加了保证金，因此把它推一点点。