What is KendoReact
Getting Started
Unstyled Mode
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chart Wizardnew
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Toolsupdated
- Date Inputs
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChart
- PDF Processing
- PDF Viewer
- PivotGrid
- Popup
- Progress Bars
- - Overview
  - Getting Started
  - ProgressBar
  - - Overview
    - Value and Ranges
    - Disabled ProgressBar
    - Orientation
    - Direction
    - Label
    - Animation
    - Appearance
    - Accessibility
  - ChunkProgressBar
  - Globalization
  - API
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheet
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Progress Bars / ProgressBar / Value and Ranges /

Value and Ranges

The ProgressBar provides option for setting its value or a range of values and for indicating the progress of an ongoing task.

To set the value of the ProgressBar, use its value option.
To define the start and end values of the range, use the min and max ProgressBar settings respectively.
To indicate that a task is still in progress, set the value property to null.

Example

View Source

Change Theme:

Suggested Links

Disabled ProgressBar