Add ProgressBar to Grid cell

Updated on Dec 19, 2025

Environment

Product Version	5.12.0
Product	Progress® KendoReact Grid

Description

I want to add ProgressBar component as a custom cell in the Grid.

Solution

This can be achieved by defining custom cell for the column and rendering a ProgressBar component with the value from the data item for that column. For using the ProgressBar the @progress/kendo-react-progressbars package must be included.

This is an example showcasing this approach:

Change Theme

Theme

Loading ...