Progress bar within grid

[ArunKumarParticipant]

Hi,

I need a progress bar in one column of the grid .Is it possible to do?

Regards,
ArunKumar

[Peter StoevKeymaster]

Hi ArunKumar,

You can simulate a ProgressBar by using any Grid column’s “cellsrenderer” callback function which you can attach to a column of your choice.

Example:

cellsrenderer: function (row, colum, value) { var cell = '<div style="margin-top:5px;">'; cell += '<div style="background: #058dc7; float: left; width: ' + value + 'px; height: 16px;"></div>'; cell += '<div style="margin-left: 5px; float: left;">' + value.toString() + '%' + '</div>'; cell += '</div>'; return cell; }

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[ArunKumarParticipant]

Hi Peter,

Thanks for your response.It’s works for me.Continue the great work!

[Author]

Posts