Schedule a Demo
☰
Skip to main content

Progress Bar

Visually indicates the progress of a task or operation.

Properties​

Custom ​

Progressbar Props​

'progressbarprops' string Used to define the style, color, and other properties of the progress bar

Progress Bar Type​

'progressbartype' JSON Defines the type of the progress bar. Supported values are Linear and Circular.

Items Count​

'itemscount' Number Defines the total number of items represented in the progress bar.

Segment Count​

'segmentcount' Number Separates the progress bar into the specified number of segments.

Is Active​

'isactive' Boolean Enables the loading effect on the current progress value.

Secondary Progress​

'secondaryprogress' String Defines the buffer or background progress value.

Is Indeterminate​

'isIndeterminate' Boolean Enables or disables the indeterminate animation effect on the progress bar.

Track Color​

'trackclour' String Defines the color of the progress bar track.

Progress Thickness​

'progressthickness' Number Defines the thickness of the progress indicator.

Track Thickness​

'trackthickness' Number Defines the thickness of the progress bar track.

Minimum Value​

'minimum' Number Specifies the starting value of the progress bar.

Maximum Value​

'maximum' Number Specifies the maximum value of the progress bar.

Show Value​

'showvalue' Boolean Shows or hides the numeric value of the progress.

Events​

Applicable events are OnClick and OnFocus