Javascript 进度条淡出后显示警报

我正在做一项任务。任务是在进度条淡出后显示警报消息。情况是： 1从自动完成栏中选择某物 2从日历中选择日期 3选定日期并按下提交按钮后，进度条显示约5秒，然后淡出。 4进度条淡出后，会弹出一条警告消息

我已经完成了前3步，最后一步有什么提示吗？谢谢你的帮助

好吧，我明白你的意思了。代码太多了。我把它的一部分贴在这里：

    <h2>Pick your gift!</h2>
    <h4>You can select bag, fruit, book, toy, game, dvd and wallet</h4>

    <div class="ui-widget">
       <label for="tags">Your gift: </label>
        <input id="tags"><br><br>
        And which day you would like it?<input type="text" id="datepicker">
       <input id="submit" type="submit" value="Send">
    </div>
    <br/><br/>

   <div id="P1" style="display:none" >

   <div id="progressbar"><div class="progress-label">Loading...</div></div>

  </div>

   <script>
     $(document).ready(function() {
     $("#submit").click(function(){
     $("#P1").show().delay(8000).fadeOut();

   });

    });
  </script>

  ok, here is the progress bar part
  $(function() {
  var progressbar = $( "#progressbar" ),
   progressLabel = $( ".progress-label" );

  progressbar.progressbar({
   value: false,
  change: function() {
     progressLabel.text( progressbar.progressbar( "value" ) + "%" );
    },
   complete: function() {
    progressLabel.text( "Complete!" );
    }
     });
    function progress() {
     var val = progressbar.progressbar( "value" ) || 0;

     progressbar.progressbar( "value", val + 2 );

    if ( val < 99 ) {
    setTimeout( progress, 80 );
      }
      }

     setTimeout( progress, 8000 );
      });

---

进度条淡出

---

如果您可以访问进度条中的值（如数字%），当它达到100%时，您可以收听它，然后您可以显示警报

您看过jquery文档了吗

有更好的方法可以做到这一点，但这种方法是相对明确的

在我最初的回答中，我在程序栏中消失了5秒。。。傻

试着这样做：

---

你能告诉我们到目前为止你做了什么吗？代码太多了，我只粘贴了一半。你能显示与你尝试过的不起作用的代码吗？我删除了我的评论，但没有。这很有帮助。那么，这回答了你的问题吗？种类。有趣的是，progressbar消失得如此之快，只显示了1秒，我可以看到你将显示5000，5秒，但前面还有一个。请参阅代码。我必须在选定日历日期之前隐藏进度条。