具有特殊功能的进度条

// 使用requestAnimationFrame来优化更新频率
function updateProgressBar(progress) {
    requestAnimationFrame(() => {
        progressBar.style.width = `${progress}%`;
    });
}

// 确保进度计算正确
function calculateProgress(current, total) {
    return (current / total) * 100;
}

// 更新进度条时使用正确的计算方法
function updateProgressBar(current, total) {
    const progress = calculateProgress(current, total);
    progressBar.style.width = `${progress}%`;
}

/* 使用CSS动画增强效果 */
@keyframes progress {
    from { width: 0%; }
    to { width: 100%; }
}

.progressBar {
    animation: progress 2s linear forwards;
}