All Demos / Linear Gauge / Range / Range

Blazor Linear Gauge Example - Range Customization

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT
Horizontal
Vertical

    

This sample demonstrates range customization options in the Linear Gauge, including exponential appearance, gradient colors, and multiple ranges.

In this example, ranges are configured using LinearGaugeRanges and LinearGaugeRange. Apply gradient styles using LinearGradient.

Learn more in the ranges section of the documentation.