Progress Telerik UI for Blazor
Blazor Radial Gauge
- Use the Blazor Radial Gauge to measure progress toward a goal or a Key Performance Indicator (KPI). Featuring flexible scale and pointer customization options to match any app design.
- This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
- The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
-
Overview
Car dials are the most famous example of what the Telerik UI for Blazor Radial Gauge represents – effectively a linear scale bent around a center point, so it takes space more evenly in both directions instead of being a single absurdly long line. Prefer the radial approach when you want the user to be gather all the information immediately at a glance.
See the Blazor RadialGauge demo
-
Pointer Customization
The Radial Gauge can have as many pointers as you need to present different values on the same scale. The pointers themselves can be customized by changing their color which makes distinguishing the different values happen on first glance.
-
Scale Customization
The Radial Gauge’s scale be split into several ranges when they mean different things. The red zone on your car’s tachometer is an example of separate range – you don’t want your revolutions pointer entering that zone and you might want to provide the same visual feedback for your users’ data. A variety of other factors can similarly be modified – the colors of the scale and labels, which ticks are displayed and which aren’t, the initial angle, etc.
Learn more about Blazor RadialGauge Scale Customization
Next Steps
Launch demos
See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.
Download free trial
Try Telerik UI for Blazor with dedicated technical support.