how to handle progress bar within a react form in kendo react

Hi Khurram,

Thank you for reaching out to us.

If you want to use a ProgressBar within a Form to show the progress of the filled fields, you can refer to the following example:

• https://stackblitz.com/edit/react-y2ungx?file=app%2Fmain.jsx

You will notice that on each re-render of the Form I am calling a method that will check the values of all fields and set the corresponding value within the ProgressBar as a percentage. I am passing the formRenderProps in the custom function, so I can retrieve the values:

• https://www.telerik.com/kendo-react-ui/components/form/api/FormRenderProps/

Hope this helps.

Regards,
Konstantin Dikov
Progress Telerik