SmartUI Alerts

HTML Output (Run Time: 0.0002s)

<div class="progress left progress-md " >
    <div class="progress-bar progress-bar-info " style="width: 33%"></div>
</div>
<div class="progress left progress-micro " >
    <div class="progress-bar bg-color-greenLight" style="width: 60%"></div>
</div>
<div class="progress left progress-striped progress-sm " >
    <div class="progress-bar bg-color-redLight" style="width: 20%"></div>
</div>
<div class="progress right progress-striped active progress-md " rel="tooltip" data-original-title="This is tooltip" data-placement="top" >
    <div class="progress-bar progress-bar-danger" style="width: 55.5%"></div>
</div>
<div class="progress left progress-md " >
    <div class="progress-bar progress-bar-success" aria-valuetransitiongoal="21"></div>
</div>
<div class="progress vertical left progress-md " >
    <div class="progress-bar progress-bar-primary" aria-valuetransitiongoal="80"></div>
</div>
<div class="progress vertical bottom progress-md " >
    <div class="progress-bar bg-color-redLight" aria-valuetransitiongoal="80"></div>
</div>
<div class="progress left progress-striped active progress-sm" rel="tooltip" data-original-title="Stacked Progress" data-placement="top">
    <div class="progress-bar bg-color-redLight" style="width: 80%"></div>
    <div class="progress-bar progress-bar-info" style="width: 55%"></div>
    <div class="progress-bar progress-bar-success" style="width: 33%"></div>
</div>

SmartUI::print_progress

Print a single Progress Bar. You can see full HTML documentation here

SmartUI::print_progress($value [, $type = '', $options = array(), $return = false]);

Usage

SmartUI::print_progress(55, 'success');

$type

info, success, danger, warning

$options

Options available to configure your progress bar

$options_map = array(
    'transitional' => false,
    'class' => array(),
    'attr' => array(),
    'background' => '',
    'tooltip' => array(),
    'position' => 'left', // left, right, bottom (for vertical)
    'wide' => false,
    'size' => 'md', // sm, xs, md, xl, micro
    'striped' => false, // true or 'active'
    'vertical' => false
);

$options[background]

redLight, greenLight, etc. Check out bg-color-* here

$options[striped]

A boolean or the string "active" (will set to active stripped progress bar)

$options = array('striped' => 'active');

SmartUI::print_stack_progress

Print a stacked Progress Bar. You can see full HTML documentation here

SmartUI::print_stack_progress($progress_bars [, $base_options = array(), $return = false])

Usage

$progress_bars = array();
$progress_bars[] = SmartUI::get_progress(80, '', array('background' => 'redLight'));
$progress_bars[] = SmartUI::get_progress(55, 'info');
$progress_bars[] = SmartUI::get_progress(33, 'success');
SmartUI::print_stack_progress($progress_bars, array('size' => 'sm', 'tooltip' => 'Stacked Progress'), true);

$progress_bars

An array of progress bar HTML. You can get a progress bar HTML suing SmartUI::get_progress($value [, $type = '', $options = array()]) function

// initiate an array for progress bars
$progress_bars = array(); 

// get progress bar #1
$progress_bar = SmartUI::get_progress(80, '', array('background' => 'redLight'));
// and so on ...

$base_options

Available options for the progress bar parent

$options_map = array(
    'tooltip' => array(),
    'position' => 'left', // left, right, bottom (for vertical)
    'wide' => false,
    'size' => 'md', // sm, xs, md, xl, micro
    'striped' => false, // true or 'active'
    'vertical' => false
);