Uses Javascript to add/remove a loading overlay to a target element. It can be called on any element that should receive the loading overlay, and accepts options for class selectors and loading overlay text. The overlay itself must be styled via CSS.
$('.add-loading').click(function () { target.loadingOverlay(); }); $('.remove-loading').click(function () { target.loadingOverlay('remove'); });
<div id="target"></div>
<div id="target" class="loading"> <div class="loading-overlay"> <p class="loading-spinner"> <span class="loading-icon"></span> <span class="loading-text">loading</span> </p> </div> </div>