如何在yii中生成堆疊進度條1.1

我試圖用yii 1.1來獲取這個輸出。它在bootstrap中工作，但如何在yii中實現堆疊進度條。如何在yii中生成堆疊進度條1.1

<div class="progress"> 
    <div class="progress-bar progress-bar-success" style="width: 35%"> 
    <span class="sr-only">35% Complete (success)</span> 
    </div> 
    <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 20%"> 
    <span class="sr-only">20% Complete (warning)</span> 
    </div> 
    <div class="progress-bar progress-bar-danger" style="width: 10%"> 
    <span class="sr-only">10% Complete (danger)</span> 
    </div> 
</div>

來源

2015-10-18 Niraj Thike

如果它的工作，現在沒有，哪裏有錯了 - 你能解釋一下嗎？ –

上面的代碼工作並顯示自舉中的堆棧欄，但現在我想在yii框架中得到相同的結果。我在下面的代碼中使用了多個地方的不同條件來製作一個堆疊的酒吧，但只給出了一個單獨的酒吧。 –

'$這 - >部件（ \t \t \t \t \t 'bootstrap.widgets.TbProgress'， \t \t \t \t \t陣列（ \t \t \t \t \t \t '類型'=> '成功'， \t \t \t \t \t \t'percent'=> $ ap， \t \t \t \t \t \t） \t \t \t \t \t）;' –

使用YiiBooster來實現您的目標。

試試這段代碼來生成堆疊進度條。

$this->widget(
    'bootstrap.widgets.TbProgress', 
    array(
     'striped' => true, 
     'stacked' => array(
      array(
       'context' => 'success', 
       'percent' => 30, 
       'htmlOptions' => array(
        'data-toggle' => 'tooltip', 
        'title' => 'Hey! I am a title here.' 
       ) 
      ), 
      array('context' => 'warning', 'percent' => 35), 
      array('context' => 'danger', 'percent' => 30), 
     ) 
    ) 
);

欲瞭解更多信息請參閱本Docs

來源

2015-10-19 05:26:24 GAMITG

感謝您的代碼。它的工作原理... –

隨意接受ans。 – GAMITG

如何在yii中生成堆疊進度條1.1

回答

相關問題