Progress Telerik UI for Blazor

Blazor Arc Gauge

  • Use the Blazor ArcGauge component for representing value ranges across an arc. Featuring a minimum and maximum value setup and color ranges to best fit 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.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    Being the Circular Gauge’s little sister, the Telerik UI for Blazor’s Arc Gauge is sometimes overlooked but just as useful to showing progress towards a goal. There aren’t any strict reasons to prefer one over another but consider the Arc when you have less space for the gauge or the visual would fit better. 

    Check out the Blazor ArcGauge demo
    Telerik UI for Blazor Arc Gauge
  • Scale Customization

    As with all other Gauge types, the Arc Gauge’s scale can be customized by controlling if labels and ticks are displayed, what they colors are, whether the scale grows clockwise or counterclockwise, and the respective start and end angles of the arc.  
    Telerik UI for Blazor Arc Gauge
  • Center Template

    Add a descriptive label of what the ArcGauge is showing at its center by specifying a center template that allows you render custom content. 

    See the Blazor ArcGauge Central Template demo
    Telerik UI for Blazor Arc Gauge

All Blazor Components

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.