</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"> <?php echo TbHtml::progressBar(60); ?></pre> <h3>Striped</h3> <div class="bs-docs-example"> <?php echo TbHtml::stripedProgressBar(20); ?> </div> <pre class="prettyprint linenums"> <?php echo TbHtml::stripedProgressBar(20); ?></pre>
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%'); }