This is example build reusable app in Javascript for modal progress in Boostrap:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | /** * Re-usable app for modal box progress */ var progressBox; progressBox = progressBox || (function() { var pleaseWaitDiv = $(‘<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><div class="modal-header"><h1>Processing…</h1></div><div class="modal-body"><div class="progress progress-striped active"><div class="bar" style="width: 100%;"></div></div></div></div>’); return { showPleaseWait: function() { pleaseWaitDiv.modal(); }, hidePleaseWait: function() { pleaseWaitDiv.modal(‘hide’); }, }; })(); |
To use, we just need to :
1 | progressBox.showPleaseWait(); |