Showing a loading indicator on startup is a common pattern in native applications that is becoming more common on the web. If you need to load a lot of resources when your web application is first loaded, you should give the user a clear indication that this is occurring.
Pace will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress. On ajax navigation it will begin again!
Circular progress button
A tutorial on how to implement the circular progress button concept by Colin Garven.
A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.
This was mostly meant as a joke and an opportunity to learn about animated SVG. Feel free to use the source code as an example or in any project of your own.
SVG Loading Images
Animated SVG for use as loading animations.
Slim progress bars for Ajax’y applications. Inspired by Google, YouTube, and Medium.