node.js - 如何在 Electron 中使用进度条

Question

因此，我正在构建一个 Electron 应用程序，该应用程序将比较两个csv文件，并使用两个文件中的数据创建一个文件。现在，在运行此过程的同时，我想在浏览器窗口上显示进度条，那么如何创建显示该脚本进度的进度条呢？
附言:-我不想打开任何新的浏览器窗口。一切都应该在同一个窗口中。

Answer 1

您可以使用嵌套的div创建一个简单的进度栏:

const progressBar = document.getElementById('bar');

function setBar(percentage) {
  progressBar.style.width = percentage + "%";
}

#bar-container {
  width: 400px;
  height: 25px;
  background-color: lightgray;
}

#bar {
  width: 0;
  height: 100%;
  background-color: firebrick;
  transition: width 0.2s;
}

<button onClick="setBar(0);">0%</button>
<button onClick="setBar(20);">20%</button>
<button onClick="setBar(40);">40%</button>
<button onClick="setBar(60);">60%</button>
<button onClick="setBar(80);">80%</button>
<button onClick="setBar(100);">100%</button>
<div id="bar-container">
  <div id="bar"></div>
</div>