Available contexts are <code>success</code>, <code>info</code>, <code>warning</code> and <code>danger</code>.', 'php_code' => "echo BootHelp::progress_bar(['percentage'=>30, 'context'=>'warning']);", 'result' => BootHelp::progress_bar(['percentage' => 30, 'context' => 'warning']), 'html_code' => '<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="30" style="width: 30%" role="progressbar" class="progress-bar progress-bar-warning">
<span class="sr-only">30% (warning)</span>
</div>
</div>'], ['name' => 'Striped progress bar', 'description' => 'Use <code>progress_bar</code> with the <code>["striped"=> true]"</code> option to display a striped progress bar.', 'php_code' => "echo BootHelp::progress_bar(['percentage'=>30, 'striped'=>true]);", 'result' => BootHelp::progress_bar(['percentage' => 30, 'striped' => true]), 'html_code' => '<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="30" style="width: 30%" role="progressbar" class="progress-bar progress-bar-striped">
<span class="sr-only">30%</span>
</div>
</div>'], ['name' => 'Animated progress bar', 'description' => 'Use progress_bar with the <code>["animated"=> true]</code> option to display a striped animated progress bar.', 'php_code' => "echo BootHelp::progress_bar(['percentage'=>30, 'animated'=>true]);", 'result' => BootHelp::progress_bar(['percentage' => 30, 'animated' => true]), 'html_code' => '<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="30" style="width: 30%" role="progressbar" class="progress-bar progress-bar-striped active">
<span class="sr-only">30%</span>
</div>
</div>'], ['name' => 'Stacked progress bar', 'description' => 'Use <code>progress_bar</code> with an array of options to display a set of stacked progress bars.', 'php_code' => "echo BootHelp::progress_bar([\n ['percentage'=>30, 'context'=>'success', 'label'=>'Completed'],\n ['percentage'=>40, 'context'=>'warning', 'animated'=>true, 'label'=>'Pending']\n]);", 'result' => BootHelp::progress_bar([['percentage' => 30, 'context' => 'success', 'label' => 'Completed'], ['percentage' => 40, 'context' => 'warning', 'animated' => true, 'label' => 'Pending']]), 'html_code' => '<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="30" style="width: 30%" role="progressbar" class="progress-bar progress-bar-success">
Completed
</div>
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" style="width: 40%" role="progressbar" class="progress-bar progress-bar-warning progress-bar-striped active">
Pending
</div>
</div>'], ['name' => 'Complex progress bar', 'description' => 'You can specify custom options for each progress bar which will be added to the progress bar’s <code>div</code> tag.
You can also specify custom options for the wrapping <code>div</code> container by passing them as the last argument.', 'php_code' => "echo BootHelp::progress_bar(['percentage'=>30, 'id'=>'bar', 'data-js'=>1], ['id'=>'container', 'class'=>'en']);", 'result' => BootHelp::progress_bar(['percentage' => 30, 'id' => 'bar', 'data-js' => 1], ['id' => 'container', 'class' => 'en']), 'html_code' => '<div class="en progress" id="container">
<div data-js="1" id="bar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="30" style="width: 30%" role="progressbar" class="progress-bar">
<span class="sr-only">
30%
</span>
</div>
</div>']]];
/**
* Progress bar samples.
*/
echo new Sample($progress_bar);
