@polygonjs/polygonjs
Version:
node-based WebGL 3D engine https://polygonjs.com
26 lines (25 loc) • 804 B
JavaScript
;
const container = document.getElementById("polygonjs-progress-bar-container");
const barElement = document.getElementById("polygonjs-progress-bar");
const poster = document.getElementById("polygonjs-loading-poster");
export function onProgress(ratio) {
if (!(barElement && container && poster)) {
console.log("progress bar elements missing", barElement, container, poster);
return;
}
if (ratio < 1) {
barElement.style.width = `${Math.round(ratio * 100)}%`;
} else {
if (container.parentElement) {
container.parentElement.removeChild(container);
}
if (poster) {
poster.classList.add("fade-out");
setTimeout(() => {
if (poster.parentElement) {
poster.parentElement.removeChild(poster);
}
}, 1200);
}
}
}