jQuery UI - 如何在加载时在页面顶部显示进度条

Question

我想使用jQuery进度条并仅在页面加载时将其添加到页面顶部（并使其在之后消失），这种行为在某种程度上与GitHub中的进度条相似：

。

我怎样才能做到这一点？

我目前有以下html代码：

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  </head>
  <body>
    <div id="content">
      <div id="progressbar"></div>
      <div id="my-content">
          My page content goes here....
      </div>
    </div>
  </body>

使用javascript：

$('#progressbar').progressbar({
    value: false
});

Answer 1

另一答案