Radzen Blazor Components

ProgressBar

Demonstration and configuration of the Radzen Blazor ProgressBar component.

ProgressBar in determinate mode, Get and Set the value

As all Radzen Blazor input components the ProgressBar has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.

55%

ProgressBar with ProgressBarStyle property

55%

ProgressBar in indeterminate mode

ProgressBar with ProgressBarStyle property

ProgressBar in max value > 100

156%

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful business Blazor apps. Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

open_in_new Try Now play_circle_outline See in Action

Radzen Blazor Components, © 2018-2023 Radzen.
Source Code licensed under MIT

New

Radzen
Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful Blazor apps.

Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

open_in_new Try Now play_circle_outline See in Action

Overview
Dashboard Updated
Get Started
Support
UI Fundamentals
- Colors
- Typography
- Icons
- Borders
- Shadows
- Ripple
- Breakpoints New
- Spacing 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
- Custom Header New
  - Header with button
  - Header with column picker
- GridLines New
- Cell Context Menu
- Save/Load settings Updated
  - IQueryable New
  - LoadData binding New
- InLine Editing
- Conditional formatting
- Export to Excel and CSV
- Cascading DropDowns
- Empty Data Grid
Data Updated
- DataList
- DataFilter
  - IQueryable New
  - OData service New
- Pager
- Scheduler Updated
- Tree
Images
- Gravatar
- Image
Layout
- Layout New
- Stack New
- Row New
- Column New
- Card Updated
- Dialog Updated
- Panel
- Splitter
Navigation
- Accordion
- BreadCrumb
- ContextMenu
- Link
- Login Updated
- Menu Updated
- PanelMenu
- ProfileMenu
- 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
- SpeechToTextButton New
- SplitButton Updated
- Switch
- TemplateForm
- TextArea
- TextBox
- Upload
Data Visualization
- Chart Updated
- Arc Gauge
- Radial Gauge
- Styling Gauge
- GoogleMap
Feedback
- Badge Updated
- Notification
- Alert New
  - Alert Configuration
  - Alert Styling
- ProgressBar Updated
- Tooltip
Validators