Javascript 我怎样才能得到“我的”呢；“纳米棒”；一旦所有资源都加载完毕，插件将变为100%？

我很难让纳米棒插件正常工作

我使用了本页示例中的代码

在页面加载其所有资源之前，加载栏将变为100%

有人知道如何使这个伟大的插件工作吗

---

提前感谢。

Nanobar不监视页面加载（与例如不同）。您的代码只需创建一个条，并在脚本启动后将其增长到30、76，然后是100%的长度

为了满足您的需要，您必须将调整大小命令挂接到与DOM（文档、图像…）相关的某种加载事件（或）

但是，将其与加载事件一起使用是非常有限的，因为您无法控制页面资源的当前加载状态（总大小和下载大小）。即使您单独监控每个资源，也只能对资源进行计数，并在条形图中添加1/resources\u count*100长度值

解决方法是使用ajax（）或fetchapi（）动态加载资源（脚本、样式表、图像等）。一个全局进度条将非常准确，但您可能会面临CORS问题、并发ajax请求限制以及主要使用ajax加载整个页面的大量工作

---

一些库试图自动化整个过程，但这是一个很好的信息加载动画，而不是一个精确的加载进度条（异步请求除外）。

web上的“加载条”大多是浪费时间。这充其量只是一个近似值。事实上，要知道从前端加载某个东西需要多长时间是不可能的。感谢您抽出时间仔细地回答我的问题。

var options = {
  classname: 'my-class',
  id: 'my-id',
  target: document.getElementById('myDivId')
};

var nanobar = new Nanobar( options );

// move bar
nanobar.go( 30 ); // size bar 30%
nanobar.go( 76 ); // size bar 76%

// size bar 100% and and finish
nanobar.go(100);