• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting
Components / Progress Bars / API / ChunkProgressBarProps / 

ChunkProgressBarProps

Represents the props of the KendoReact ChunkProgressBar component.

NameTypeDefaultDescription

ariaLabel?

string

The accessible label of the component.

chunkCount?

number

Sets the number of chunks into which the ChunkProgressBar will be split. Defaults to 5.

className?

string

Specifies a list of CSS classes that will be added to the progress bar element.

dir?

string

Represents the dir HTML attribute. This is used to switch from LTR to RTL.

disabled?

boolean

Sets the disabled state of the progress bar. See examples (here) and (here).

emptyClassName?

string

Sets additional classes to the inner element which represents the empty portion of the progress bar. See examples (here) and (here).

emptyStyle?

React.CSSProperties

The styles that are applied to the inner element which represents the empty portion of the progress bar. See examples (here) and (here).

max?

number

The maximum value of the progress bar. Defaults to 100.

min?

number

The minimum value of the progress bar. Defaults to 0.

orientation?

"horizontal" | "vertical"

Defines the orientation of the progress bar. See examples (here) and (here). Defaults to horizontal.

progressClassName?

string

Sets additional classes to the inner element which represents the full portion of the progress bar. See examples (here) and (here).

progressStyle?

React.CSSProperties

The styles that are applied to the inner element which represents the full portion of the progress bar. See examples (here) and (here).

reverse?

boolean

If set to true, the progress bar will be reversed. See examples (here) and (here). Defaults to false.

style?

React.CSSProperties

Sets additional CSS styles to the progress bar.

tabIndex?

number

Sets the tabIndex property of the progress bar.

value?

"null" | number

Sets the value of the progress bar. Has to be between min and max values. Defaults to 0. Set null to enable the indeterminate state of the progress bar. See examples (here) and (here).

In this article

Not finding the help you need?

Contact Support