javascript - プログレスバーでテキストメッセージを追加

Question

そこで、プログレス バーの上に 2 つのテキスト メッセージを追加しようとしています。

「あなたの答えをチェックしています！」というコピーが欲しいです。進行中は進行状況バーのすぐ上。

それなら「承認！」が欲しい 「あなたの答えをチェックしています！」を置き換えるために バーが 100% に達するとすぐに。

以下は、バーに実装したコードです。

元

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<link href='http://twitter.github.com/bootstrap/assets/css/bootstrap.css' rel='stylesheet' type='text/css'>

JS

var progress = setInterval(function() {
    var $bar = $('.bar');

    if ($bar.width()==400) {
        clearInterval(progress);
        $('.progress').removeClass('active');
    } else {
        $bar.width($bar.width()+40);
    }
    $bar.text($bar.width()/4 + "%");
}, 900);

マークアップ

<div class="progress progress-striped active">
    <div class="bar" style="width: 0%;"></div>