Using loading animation on websites : Blazor Examples

In this video we will discuss how to display loading animation in a Blazor web application.

In a real world there are many usecases where we need a loading spinner or indicator. For example

Your app is processing a report and it takes a few seconds t…


This content originally appeared on DEV Community and was authored by Techguy

In this video we will discuss how to display loading animation in a Blazor web application.

In a real world there are many usecases where we need a loading spinner or indicator. For example

Your app is processing a report and it takes a few seconds to complete or
A server-side REST API is being called and it's taking a few seconds to retrieve data maybe because of a slow network connection, server busy or just because you are retrieving lots and lost of data.
Whatever maybe the case, if your app is taking a bit of time to do something it's better to display a loading indicator so the enduser knows the application is busy processing the request and not frozen.

Syncfusion Blazor Spinner Component

Blazor Spinner - Simple, Animated Circular Progress Indicator

  1. Show indeterminate progress indicators.
  2. Utilize built-in support for theme-based spinners.
  3. Customize spinners’ appearance, labels, size, type, z-index, and overlay.


This content originally appeared on DEV Community and was authored by Techguy


Print Share Comment Cite Upload Translate Updates
APA

Techguy | Sciencx (2021-07-08T05:53:12+00:00) Using loading animation on websites : Blazor Examples. Retrieved from https://www.scien.cx/2021/07/08/using-loading-animation-on-websites-blazor-examples/

MLA
" » Using loading animation on websites : Blazor Examples." Techguy | Sciencx - Thursday July 8, 2021, https://www.scien.cx/2021/07/08/using-loading-animation-on-websites-blazor-examples/
HARVARD
Techguy | Sciencx Thursday July 8, 2021 » Using loading animation on websites : Blazor Examples., viewed ,<https://www.scien.cx/2021/07/08/using-loading-animation-on-websites-blazor-examples/>
VANCOUVER
Techguy | Sciencx - » Using loading animation on websites : Blazor Examples. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/08/using-loading-animation-on-websites-blazor-examples/
CHICAGO
" » Using loading animation on websites : Blazor Examples." Techguy | Sciencx - Accessed . https://www.scien.cx/2021/07/08/using-loading-animation-on-websites-blazor-examples/
IEEE
" » Using loading animation on websites : Blazor Examples." Techguy | Sciencx [Online]. Available: https://www.scien.cx/2021/07/08/using-loading-animation-on-websites-blazor-examples/. [Accessed: ]
rf:citation
» Using loading animation on websites : Blazor Examples | Techguy | Sciencx | https://www.scien.cx/2021/07/08/using-loading-animation-on-websites-blazor-examples/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.