Progress Telerik UI for ASP.NET MVC

ASP.NET MVC LinearGauge

  • Effortlessly illustrate data on a linear scale with the Telerik UI for ASP.NET MVC LinearGauge. Customize its appearance by choosing from different scale options and adding multiple pointers.
  • This control is part of the Telerik ASP.NET MVC suite along with 100+ full-featured UI components, designed to build rich & responsive web apps for any device twice as fast. 
  • Achieve fast meaningful results with our detailed documentation, live demos, online technical trainings & outstanding support team.
Download Free Trial
Telerik UI for ASP.NET MVC Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo

  • Overview

    The Telerik UI for ASP.NET MVC Linear gauge allows you to represent data on a linear scale easily. The component is incredibly useful for illustrating progress towards a goal, the current value status within a range of upper and lower bounds or a summary of some fluctuating metric. 


    Telerik UI for ASP.NET MVC LinearGauge Overview

  • Scale Options

    The Linear gauge has three scale options: 
    • Orientation – either vertical or horizontal
    • Labels – display labels on the side or go without any
    • Ranges – display ranges on the gauge making it easier for users to see when a value is above average
    Telerik UI for ASP.NET MVC Linear Gauge Scale options

  • Multiple pointers

    Telerik UI for ASP.NET MVC Linear gauge component supports multiple pointers so that several data values can be displayed at once on the same scale. This might come in handy in many scenarios, one example would be a thermometer showing the current temperature, along with the minimum and maximum temperature forecasted for that day. 

    Check out the ASP.NET MVC Linear gauge Multiple pointers demo
    Telerik UI for ASP.NET MVC LinearGauge Multiple Pointers

  • Export to PDF, Image or SVG

    After customizing the Linear gauge and adjusting the pointer values to display the data you need, you can easily export the gauge to a PDF document, a PNG image or and SVG file.  
    See Demo

  • Complete Client-Side Rendering

    The ASP.NET MVC Gauges render completely on the client-side, using HTML5 Canvas or the SVG element specification to deliver itself to the user. These standards are widely supported in modern browsers, but the Gauge component has a fallback to VML for older browsers (IE 7/8). 

  • Server- and Client-Side API for Max Flexibility

    Telerik UI for ASP.NET MVC comes with a complete server-side API. With simple API calls, you can configure all features of the MVC Gauges. Since the server wrappers output the JavaScript, you also have full access to the client-side API for maximum control in the browser. 
    Telerik UI for ASP.NET MVC API

  • LinearGauge Theming

    You can style the LinearGauge with the help of 20+ built-in themes and swatches the component comes with. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which resembles the Bootstrap styling to integrate better) themes and choose the swatch that best suits your application. You can easily customize the available themes with a few lines of CSS or create a new one with the Progress SASS ThemeBuilder application to meet your client’s design requirements. 
get-started-waves

Next Steps

Launch demos

See UI for ASP.NET MVC in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try UI for ASP.NET MVC with dedicated technical support.