Jquery ui jQueryUI-如何在加载时在页面顶部显示进度条_Jquery Ui_Progress Bar

Jquery ui jQueryUI-如何在加载时在页面顶部显示进度条

jquery-ui

Jquery ui jQueryUI-如何在加载时在页面顶部显示进度条,jquery-ui,progress-bar,Jquery Ui,Progress Bar,我想使用jQuery进度条，仅在页面加载时将其添加到页面顶部（并在加载后使其消失），这种行为与GitHub中的进度条类似：我该怎么做我目前有以下HTML代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-1.12.4.js"></scri

我想使用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>

我建议使用PACE（）。它确实做到了这一点，使它非常容易定制

我建议您使用。它没有使用jqueryui，但它非常纤薄，易于集成。我在几个项目中使用过它，效果很好

使用NProgress，您不必使用HTML代码，只需运行以下行：

```
n进行.configure（）
```
如果需要一些特殊配置
```
n按progress.start（）
```
启动进度条
```
NProgress.inc（）
```
以增加进度
```
n进度完成后（true）
```

就这样！很简单

谢谢！有可能自己控制进度而不让它自动进行吗？谢谢！这正是我一直在寻找的！

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