fake preloader progress

Source:

Демо:

Плагины:

Подключение:

//

Разметка:

//

Стили:

//

Инициализация:

function updatePreloaderProgress(progress) {
	$("#panel-preloader .panel-preloader__bar__progress").css(
		"width",
		progress + "%"
	);
}

function initFakePreloaderProgress() {
	const $images = $("img");

	const totalCount = $images.length;
	let loadedCount = 0;

	$images
		.one("load", function () {
			loadedCount += 1;

			updatePreloaderProgress((loadedCount / totalCount) * 100);
		})
		.each(function () {
			if (this.complete) {
				$(this).trigger("load");
			}
		});
}


function initFakePreloaderProgress() {
    sleep(100)
        .then(() => {
            updatePreloaderProgress(30);

            return sleep(200);
        })
        .then(() => {
            updatePreloaderProgress(40);
            return sleep(500);
        })
        .then(() => {
            updatePreloaderProgress(75);
        });
}