Progress Telerik UI for ASP.NET MVC

Overview

The Telerik UI for ASP.NET MVC Skeleton screen is a loading container that displays a non-interactive wireframe preview visually resembling the underlying element that is being loaded. The Skeleton helps to reduce loading-time frustration and increase the perceived performance for users by creating an accurate representation of the content layout.

See Demo
Item Configurations

The SkeletonContainer HtmlHelper uses the default CSS Grid layout as a base. Each cell or group of cells from the CSS Grid can be represented by an item from the SkeletonContainer.
Grid Integration

The SkeletonContainer is a versatile widget that can be seamlessly integrated with other Telerik UI for ASP.NET MVC components, including the Grid, to indicate that content is being loaded. The Skeleton container is shown automatically every time the grid requests new data.

See Demo
Theming

The Skeleton component comes with several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). You can easily customize any of the available themes with a few lines of CSS or create a new theme using the Telerik SASS ThemeBuilder application.