Afficher la barre de progression dans la boîte de dialogue modale à l'aide de Twitter Bootstrap

Comment afficher une barre de progression à l'intérieur d'une fenêtre modale à l'aide de twitter bootstrap?
L'écran gris, mais la boîte de dialogue modale est pas à l'affiche.

JSFiddle

http://jsfiddle.net/jkittell/L0ccmgf2/4/

HTML

<body>
     <h1>Hello World!</h1>

    <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>
</body>

JavaScript

$(function () {
    var pleaseWait = $('#pleaseWaitDialog');

    showPleaseWait = function () {
        pleaseWait.modal('show');
    };

    hidePleaseWait = function () {
        pleaseWait.modal('hide');
    };

    showPleaseWait();
});

OriginalL'auteur Jonathan Kittell | 2015-04-14