Help Embedding Progress Bar In Cgridview Column

Hi, as the title says, I’m embedding a CJuiProgressBar inside a CGridView column using the following syntax:




array (

  'name'=>'cantidad_mails',

  'value'=>'$this->grid->Controller->createWidget("zii.widgets.jui.CJuiProgressBar",array(


    "value"=>intval($data->porcentaje),

    "htmlOptions"=>array(

      "style"=>"width:80px; height:20px; float:left; background-color:#44F44F ;background:#EFFDFF",

      "color" => "red"

    ),


  ))->run()',


),



And it’s working fine the first time the page with the grid is loaded, but if I click on one of the pagination links of the grid, the progress bars disappear from the column.

Anyone know how to fix that?

Thanks.

try with

"value"=>intval($data->percent_comp)

you can also use this extension

http://www.yiiframework.com/extension/bootprogresscolumn/

Do I have to use Bootstrap to make this extension work?

Finally got it working disabling the ajax functionality on the grid, by setting the property ajaxUpdate to false.

Thanks anyway.