Loading Spinners inside Modal - Bootstrap
This solution for both static html and can be setup inside directive for angular 1.X. Just like with some of css3 I created awhile back these spinners ready as soon as the client hits the page hence way there's a static version. A directive could be made to for dynamic situations like http requests. This implementation goes inside div or inside another component, while the global spinner closes the children and takes over. <div style="position:relative;height: 95px" ng-show="data.length == 0"> <div id="my-modal" class="modal fade in show" style="position: absolute"> <div class="modal-dialog" style="width: 100px;margin-top: 2px;"> <div class="modal-content"> <div class="modal-body"> <div class="spinner"></div> </div> </div> </div> </div&