More information about this topic
Reset database
 | 
Simple Progress Bar

protected/modules/UiModule/views/jui/zii_progressbar.php


$this->widget('zii.widgets.jui.CJuiProgressBar', array(
        'value'=>80, //value in percent
        'htmlOptions'=>array(
                'style'=>'height:20px;'
        ),
));
Animated Progress bar
References

protected/modules/UiModule/views/jui/zii_progressbar.php


//you must have a animated gif
Yii::app()->clientScript->registerCss('xxx',
        '#yyy .ui-progressbar-value{
                background-image:url(images/pbar-ani.gif)
                }
        '); //must set .ui-progressbar-value in order to animate

$this->widget('zii.widgets.jui.CJuiProgressBar', array(
        'id' => 'yyy', 
        'value'=>30, //value in percent
        'htmlOptions'=>array(
                'style'=>'height:20px',
         ),
));
Fork me on GitHub