To show a loader, have a div element inside the 'soc-page' div with the 'loader' class. This will result in a spinning loader being shown when a 'is-loading' class is applied to the soc-page div. You can set the text of the loading window to anything you need.

Below is an example of the loading spinner. You can also click the show button to see the full effect of this for about 5 seconds. If blocking the user interface below the loader is required an overlay can be added by also adding a 'soc-loader-block' div to the page. This functionality requires the app.bundle.js to be included in the page.

Loading..
emmet:
.soc-loader{Loading...}
with blocking emmet:
.soc-loader-block+.soc-loader{Loading...}