Ext.ux.list.ProgressColumn is a ListView column that shows a progress bar for the integer value of that column. By default a number between 0 and 100 is expected but this can be changed by setting the 'ceiling' config option. By default the bar will be colored in a red, orange, green progression. The 'invertedColor' config option can be set to true to reverse this. To use the standard Ext.ProgressBar coloring set the 'colored' config option to false. There are also config options 'topText' and 'bottomText' to add text above and below the progress bar.

This is a ListView version of my Ext 2.x grid plugin. I will be posting a refactored and updated version of the grid plugin for Ext 3.x in a couple of days.

This has been tested working in Firefox 3.x and Internet Explorer 6 & 7.

Extract the attachment into the examples/list folder for a demo. (Must be behind a webserver to load the plants.xml file)

Ext.ux.list.ProgressColumn.zip