<!-- Контейнер для индикатора прогресса -->
<div
id="progressContainer"
class="progress"
style="display: none; height: 30px; margin-top: 20px"
>
<div
id="progressBar"
class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar"
style="width: 0%"
>
0%
</div>
</div>
// Подключаемся к серверу SocketIO
const socket = io();
// Обработчик успешного подключения
socket.on('connect', () => {
console.log('Connected to Socket.IO server');
});
// Обработчик ошибок
socket.on('connect_error', (error) => {
console.error('Socket.IO connection error:', error);
});
// Слушаем обновления прогресса
socket.on('progress', function(data) {
console.log('Received progress:', data.progress);
const progressBar = document.getElementById('progressBar');
progressBar.style.width = data.progress + '%';
progressBar.innerText = data.progress + '%';
});