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.

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.

Suggested Links

• API Reference of the ChunkProgressBarProps
• Creating Custom Styles with ThemeBuilder