ProgressBar

Demonstration and configuration of the Radzen Blazor ProgressBar component.

launch ProgressBar Docs launch ProgressBar Source

ProgressBar in determinate mode

55%

ProgressBar in indeterminate mode

ProgressBar in max value > 100

156%

ProgressBar in determinate mode with ProgressBarStyle

55%

ProgressBar in indeterminate mode with ProgressBarStyle

ProgressBar in max value > 100 with ProgressBarStyle

156%

Boost your Blazor development with
Radzen Studio

Radzen Studio is a desktop tool that gives you the power to create line of business applications. Build and launch Blazor apps visually, while we generate clean code for you.

Learn More Download Radzen

Overview
Dashboard Updated
Get Started
Support
UI Fundamentals New
DataGrid Updated
- Data-binding
- Virtualization
  - IQueryable support
  - LoadData support
- Columns Updated
- Filtering Updated
- Hierarchy Updated
- Selection Updated
- Sorting
- Paging Updated
- Grouping Updated
- Density New
- Cell Context Menu
- Save/Load settings New
- InLine Editing
- Conditional formatting
- Export to Excel and CSV
- Cascading DropDowns
- Empty Data Grid
Data Updated
- DataList
- DataFilter New
- Pager
- Scheduler
- Tree
Images
- Gravatar
- Image
Layout & Navigation
- Accordion
- BreadCrumb
- Card Updated
- ContextMenu
- Dialog
- Layout New
- Link
- Login Updated
- Menu Updated
- Panel
- PanelMenu
- ProfileMenu
- Splitter
- Steps Updated
- Tabs
Forms
- AutoComplete
- Button Updated
- CheckBox
- CheckBoxList
- ColorPicker
- DatePicker
- DropDown
  - Single selection Updated
  - Multiple selection Updated
  - Virtualization Updated
  - Filtering Updated
  - Grouping Updated
  - Custom objects binding Updated
- DropDownDataGrid
- Fieldset
- FileInput
- HtmlEditor
  - Default Tools
  - Custom Tools
- ListBox
- Mask
- Numeric
- Password
- RadioButtonList
- Rating
- SelectBar Updated
- Slider
- SplitButton Updated
- Switch
- TemplateForm
- TextArea
- TextBox
- Upload
Data Visualization
- Area Chart
- Bar Chart
- Column Chart
- Donut Chart
- Line Chart
- Pie Chart
- Trends
- Annotations
- Styling Chart
- Arc Gauge
- Radial Gauge
- Styling Gauge
- GoogleMap
Feedback
- Badge Updated
- Notification
- Alert New
  - Alert Configuration
  - Alert Styling
- ProgressBar Updated
- Tooltip
Validators

ProgressBar

ProgressBar in determinate mode

ProgressBar in indeterminate mode

ProgressBar in max value > 100

ProgressBar in determinate mode with ProgressBarStyle

ProgressBar in indeterminate mode with ProgressBarStyle

ProgressBar in max value > 100 with ProgressBarStyle

Boost your Blazor development with Radzen Studio

Radzen Studio is a desktop tool that gives you the power to create line of business applications. Build and launch Blazor apps visually, while we generate clean code for you.

Boost your Blazor development with
Radzen Studio