progressBar() public static method

Generates a progress bar.
public static progressBar ( integer $width, array $htmlOptions = [] ) : string
$width integer the progress in percent.
$htmlOptions array additional HTML attributes.
return string the generated progress bar.
TbHtml Class Documentation
Exemplo n.º 1
0
</section>


<!-- Progress bars
	================================================== -->
<section id="progress">

	<div class="page-header">
		<h1>Progress bars <small>For loading, redirecting, or action status</small></h1>
	</div>

	<h3>Basic</h3>

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

	<h3>Striped</h3>

	<div class="bs-docs-example">
		<?php 
echo TbHtml::stripedProgressBar(20);
?>
	</div>
	<pre class="prettyprint linenums">
&lt;?php echo TbHtml::stripedProgressBar(20); ?></pre>
Exemplo n.º 2
0
 public function testProgressBar()
 {
     $I = $this->codeGuy;
     $html = TbHtml::progressBar(60, array('class' => 'div', 'color' => TbHtml::PROGRESS_COLOR_INFO, 'content' => 'Bar text', 'barOptions' => array('class' => 'div')));
     $progress = $I->createNode($html, 'div.progress');
     $I->seeNodeCssClass($progress, 'progress-info div');
     $bar = $progress->filter('div.bar');
     $I->seeNodeCssClass($bar, 'div');
     $I->seeNodeCssStyle($bar, 'width: 60%');
     $I->seeNodeText($bar, 'Bar text');
     $html = TbHtml::progressBar(35, array('barOptions' => array('color' => TbHtml::PROGRESS_COLOR_SUCCESS)));
     $progress = $I->createNode($html, 'div.progress');
     $bar = $progress->filter('div.bar');
     $I->seeNodeCssClass($bar, 'bar-success');
     $I->seeNodeCssStyle($bar, 'width: 35%');
     $html = TbHtml::progressBar(-1);
     $progress = $I->createNode($html, 'div.progress');
     $bar = $progress->filter('div.bar');
     $I->seeNodeCssStyle($bar, 'width: 0');
     $html = TbHtml::progressBar(100.1);
     $progress = $I->createNode($html, 'div.progress');
     $bar = $progress->filter('div.bar');
     $I->seeNodeCssStyle($bar, 'width: 100%');
 }