Example make reusable javascript app for modal progress bootstrap


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();

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.