Есть несколько способов создать страницу загрузки. Один из них - использовать HTML и CSS для создания простой страницы с индикатором прогресса. Вот пример кода:
```html
<!DOCTYPE html>
<html>
<head>
<style>
#loader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #fff;
}
#loader img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#progress {
position: absolute;
width: 100%;
height: 5px;
background-color: #ccc;
bottom: 0;
}
#bar {
height: 100%;
background-color: #4caf50;
width: 0%;
}
</style>
</head>
<body>
<div id="loader">
<img src="loading.gif" alt="Loading..." />
<div id="progress">
<div id="bar"></div>
</div>
</div>
<script>
function updateProgress(percent) {
document.getElementById('bar').style.width = percent + '%';
}
</script>
</body>
</html>
```
Этот код создает простую страницу загрузки с анимированным изображением загрузки и индикатором прогресса. Вы также можете использовать JavaScript для обновления индикатора прогресса в зависимости от того, как быстро загружается ваш контент.
Если вы используете платформу управления контентом (CMS) для своего сайта, такую как WordPress или Drupal, возможно, у вас уже есть доступные плагины или модули для создания страниц загрузки. Проверьте документацию вашей платформы или поищите в интернете подходящие расширения.
Независимо от того, какой способ вы выберете, важно, чтобы ваша страница загрузки была интуитивно понятной и информативной для пользователей, чтобы у них не возникало путаницы во время ожидания загрузки.