DavidAJohn / PhotoPortfolio

Personal photo portfolio .NET web application which implements a Blazor and Tailwind CSS user interface with a MongoDb database, and includes integration with Stripe Checkout and Prodigi Print API
0 stars 0 forks source link

Application-wide loading progress indicator #53

Closed DavidAJohn closed 1 year ago

DavidAJohn commented 1 year ago

.NET 7 Blazor introduced an application-wide progress bar that is set up in the www/index.html file. There are css variables available to show the percentage.

You can now substitute the 'Loading...' text with anything you like.

I think a simple, horizontal progress bar woud be ideal. Perhaps including the loading percentage as text.

Here's an example from Patrick God (using Bootstrap): https://youtu.be/Y67tBfUEs5o