Progress bar

The progress bar component shows the progress status for a value range in different forms. There are three types of progress bars: Linear, Circular, Semicircular.

How to use it?

Drag and drop the progress bar component and choose a type from the dropdown under Settings. You can choose the progress bar style as well.

You can set the value range of the maximum and the current value. The progress status will adjust based on the input values. There are options to add a caption, help text, and a tooltip for the progress bar based on your requirement.

In Style properties, you will be able to align the progress bar, adjust the sizing and color. You can choose the bar linecap to be rounded or flat. There are further options to modify the padding and margin, and set the border size, color, and radius.