Appearance

The ChunkProgressBar enables you to set its dimensions and to implement custom styling for its status indicator and label.

Setting the Dimensions

To set the styling of the ChunkProgressBar wrapper element, use the respective CSS properties.

Example
View Source
Edit In Stackblitz  
Change Theme:

Customizing the Status Indicator

You can customize the bar that indicates the task progress by setting custom styling or custom classes to the inner elements that are responsible for their rendering. To define the custom layout, use the progressStyle and progressClassName options for the completed part and emptyStyle and emptyClassName options for the empty part.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?