how to update a progress bar in a 'for' loop in javascript

Question

Hi, I want progressbar for 'FOR' loop. when the loop stop then progress bar status will be 100%.can anyone help

Amit Mohanty · Answer

Check this $(document).ready(function () { let progress = 0; let forValue = 1000; for (let i = 0; i setTimeout(resolve, msec)); } }); Progress Bar

Tuhin Paul · Answer

$(document).ready(function () { let progress = 0; let forValue = 1000; for (let i = 0; i setTimeout(resolve, msec)); } }); Progress Bar function updateProgressBar(progress) { document.getElementById("progressBar").setAttribute("style", "width:" + progress.toString() + "%"); document.getElementById("progressBar").setAttribute("aria-valuenow", progress.toString()); document.getElementById("progressBarText").innerText = progress.toString() + "%"; } $(document).ready(function () { let progress = 0; let forValue = 1000; let interval = setInterval(function () { progress++; updateProgressBar(progress); if (progress >= 100) { clearInterval(interval); } }, 90000 / forValue); }); In the modified code, I had replaced the original for loop with a setInterval function that will increment the progress bar every time it's called. The progress value is updated on the interval by incrementing it by 1 until it reaches 100. I added a new function updateProgressBar to update the progress bar's text with the current progress percentage. This function is called every time the progress bar is updated.

how to update a progress bar in a 'for' loop in javascript

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (2)