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