Progress Bar

Examples and Markup

$this->widget('EBootstrapProgressBar', array(
	'type' => 'info',
	'width' => 20,
)); 
		

$this->widget('EBootstrapProgressBar', array(
	'type' => 'success',
	'striped' => true,
	'width' => 40,
));
		

$this->widget('EBootstrapProgressBar', array(
	'type' => 'danger',
	'striped' => true,
	'active' => true,
	'width' => 60,
));
		

Dynamic progressbar

To see the progress while uploading a file you can use e.g. valums file uploader (AJAX). Simply modify the template and add this event:

onProgress: function(id, fileName, loaded, total) {
	var progress = Math.round((loaded/total)*100);
	$('.progress .bar').css({
		'width':  progress,
	});
},