``` CSS (styles.css) : ```css .progress-container { width: 300px; height: 30px; background-color: #f5f5f5; border-radius: 15px; margin: 50px auto; } .progress-bar { height: 100%; background-color: #007bff; border-radius: 15px; width: 0; transition: width 0.5s ease-in-out; } ``` JavaScript (script.js) : ```javascript // Récupération de la barre de progression const progressBar = document.getElementById('progress-bar'); // Fonction pour mettre à jour la barre de progression en fonction des crédits function updateProgressBar(credits) { const progressWidth = (credits / 100) * 300; // 300px est la largeur maximale de la barre de progression progressBar.style.width = progressWidth + 'px'; } // Exemple d'utilisation : mettre à jour la barre de progression avec un nombre de crédits spécifique const credits = 75; // Nombre de crédits