JSFiddle - React, Tailwind, and code Playground
JavaScript
const body = $('body')
body.text('ממתין לפעולת משתמש')
let percentage = 0
function showProgress() {
percentage = percentage + 10
const html = getProgress(percentage)
body.html(html.html())
}
function getProgress(percentage) {
const progress = $('<progress></progress>')
progress.attr('max', 100)
progress.attr('value', percentage)
const wraper = $('<div></div>')
wraper.append(progress)
wraper.append('מעבד... %' + percentage)
return wraper
}
setTimeout(showProgress, 1000)
setTimeout(showProgress, 2000)
setTimeout(showProgress, 3000)
setTimeout(showProgress, 4000)