当您在 html 中创建需要很长时间处理的 javascript 时，您是否曾经实现过 ProgressBar，并且在整个过程完成后进度条才移动？

在本文中，我想介绍一个针对这种情况的临时修复示例。

如果您按照以下步骤操作，进度条将在处理过程中工作。

第 1 步：将整个流程放入异步方法中

首先，将整个流程放在一个异步方法中并执行。

async function MyFunction(ctx, canvas) {

}

MyFunction(ctx, canvas); // Be sure to run it in the original location.

第2步：更改ProgressBar的Value后编写睡眠

接下来，更改ProgressBar的值后编写以下内容。

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
await sleep(0);

这将导致进度条在此过程中发生变化。

我们介绍了一个临时解决方案的示例，以使ProgressBar功能正常。

我希望这篇文章能帮助您至少解决一个难题。

感谢您的阅读。