如何在 yii 1.1 中生成堆叠的进度条答案

【问题标题】：how to generate stacked progress bar in yii 1.1如何在 yii 1.1 中生成堆叠的进度条
【发布时间】：2015-10-18 08:28:29
【问题描述】：

我尝试使用 yii 1.1 获得此输出。它在引导程序中工作，但如何在 yii 中实现堆叠进度条。

    <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>

【问题讨论】：

如果它有效但现在无效，是哪里出了问题 - 你能解释一下吗？
上面的代码工作并在引导程序中显示堆叠条，但现在我希望在 yii 框架中得到相同的结果。我已经在多个地方针对不同的条件使用了下面的代码来制作堆叠条，但只给出单个分隔条。
$this->widget( 'bootstrap.widgets.TbProgress', array( 'type'=>'success', 'percent'=>$ap, ) );

标签： jquery html css yii

【解决方案1】：

使用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

【讨论】：