stackedProgressBar() public static method

Generates a stacked progress bar.
public static stackedProgressBar ( array $bars, array $htmlOptions = [] ) : string
$bars array the bar configurations.
$htmlOptions array additional HTML attributes.
return string the generated progress bar.
TbHtml Class Documentation
示例#1
0
 public function testStackedProgressBar()
 {
     $I = $this->codeGuy;
     $html = TbHtml::stackedProgressBar(array(array('color' => TbHtml::PROGRESS_COLOR_SUCCESS, 'width' => 35), array('color' => TbHtml::PROGRESS_COLOR_WARNING, 'width' => 20), array('color' => TbHtml::PROGRESS_COLOR_DANGER, 'width' => 10)));
     $progress = $I->createNode($html, 'div.progress');
     $I->seeNodeChildren($progress, array('div.bar-success', 'div.bar-warning', 'div.bar-danger'));
     $success = $progress->filter('div.bar-success');
     $I->seeNodeCssClass($success, 'bar');
     $I->seeNodeCssStyle($success, 'width: 35%');
     $warning = $progress->filter('div.bar-warning');
     $I->seeNodeCssClass($warning, 'bar');
     $I->seeNodeCssStyle($warning, 'width: 20%');
     $danger = $progress->filter('div.bar-danger');
     $I->seeNodeCssClass($danger, 'bar');
     $I->seeNodeCssStyle($danger, 'width: 10%');
     $html = TbHtml::stackedProgressBar(array(array('width' => 35), array('width' => 20), array('width' => 100)));
     $progress = $I->createNode($html, 'div.progress');
     $last = $progress->filter('div.bar')->last();
     $I->seeNodeCssStyle($last, 'width: 45%');
     $html = TbHtml::stackedProgressBar(array(array('width' => 35), array('width' => 20), array('width' => 10, 'visible' => false)));
     $progress = $I->createNode($html, 'div.progress');
     $last = $progress->filter('div.bar')->last();
     $I->seeNodeCssStyle($last, 'width: 20%');
     $html = TbHtml::stackedProgressBar(array());
     $this->assertEquals('', $html);
 }
示例#2
0
	<h3>Animated</h3>

	<div class="bs-docs-example">
		<?php 
echo TbHtml::animatedProgressBar(40);
?>
	</div>
	<pre class="prettyprint linenums">
&lt;?php echo TbHtml::animatedProgressBar(40); ?></pre>

	<h3>Stacked</h3>

	<div class="bs-docs-example">
		<?php 
echo TbHtml::stackedProgressBar(array(array('style' => TbHtml::STYLE_SUCCESS, 'width' => 35), array('style' => TbHtml::STYLE_WARNING, 'width' => 20), array('style' => TbHtml::STYLE_DANGER, 'width' => 10)));
?>
	</div>
	<pre class="prettyprint linenums">
&lt;?php echo TbHtml::stackedProgressBar(array(
    array('style' => TbHtml::STYLE_SUCCESS, 'width' => 35),
    array('style' => TbHtml::STYLE_WARNING, 'width' => 20),
    array('style' => TbHtml::STYLE_DANGER, 'width' => 10),
)); ?></pre>

</section>

<!-- Tables
	================================================== -->
<section id="tables">
示例#3
0
   <h3>Animated</h3>

   <div class="bs-docs-example">
      <?php 
echo TbHtml::animatedProgressBar(40);
?>
   </div>

   <pre class="prettyprint linenums">
&lt;?php echo TbHtml::animatedProgressBar(40); ?></pre>

   <h3>Stacked</h3>

   <div class="bs-docs-example">
      <?php 
echo TbHtml::stackedProgressBar(array(array('color' => TbHtml::PROGRESS_COLOR_SUCCESS, 'width' => 35), array('color' => TbHtml::PROGRESS_COLOR_WARNING, 'width' => 20), array('color' => TbHtml::PROGRESS_COLOR_DANGER, 'width' => 10)));
?>
   </div>
   <pre class="prettyprint linenums">
&lt;?php echo TbHtml::stackedProgressBar(array(
    array('color' => TbHtml::PROGRESS_COLOR_SUCCESS, 'width' => 35),
    array('color' => TbHtml::PROGRESS_COLOR_WARNING, 'width' => 20),
    array('color' => TbHtml::PROGRESS_COLOR_DANGER, 'width' => 10),
)); ?></pre>

</section>

<!-- Media object
   ================================================== -->
<section id="media">