Une barre de progression séquentielle.

Signaler
Messages postés
14
Date d'inscription
samedi 13 juin 2020
Statut
Membre
Dernière intervention
14 juillet 2021
-
Messages postés
16410
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
22 juillet 2021
-
Bonjour,

Besoin d'aide mes frères et soeurs. Urgent svp.

J'ai un code de barre de progression que j'aimerai programmer de manière à ce que ça s'automatise de la manière suivante:
-Arrivé à 43% la barre s'arrête. Et un code est généré automatiquement sur une autre page(admin). Puis s'affiche en bas de la barre une case et un bouton pour y insérer le code (celui de la page admin). Le code une fois inséré et juste, la barre continue sa progression.
-Arrivé à 75% la barre s'arrête. Et un code est généré automatiquement sur une autre page(admin). Puis s'affiche en bas de la barre une case et un bouton pour y insérer le code (celui de la page admin). Le code une fois inséré et juste, la barre continue sa progression.
-Arrivé à 99% la barre s'arrête. Et un code est généré automatiquement sur une autre page(admin). Puis s'affiche en bas de la barre une case et un bouton pour y insérer le code (celui de la page admin). Le code une fois inséré et juste, la barre continue sa progression.
VOICI LE CODE:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript Progress Bar</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="myProgress">
<div id="myBar"></div>
</div>
<button onclick="run()">↻</button>

<script>
function run(){
const myBar = document.getElementById('myBar');
var width = 0;
var timeInt = setInterval(frame, 30);

function frame(){
if (width >= 100) {
clearInterval(timeInt);
}else {
width++;
myBar.style.width = width + '%';
myBar.innerHTML = width + '%';
}
}
}
</script>
</body>
</html

1 réponse

Messages postés
16410
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
22 juillet 2021
877
bonjour,
peux-tu partager le programme de cette autre page admin?
Messages postés
14
Date d'inscription
samedi 13 juin 2020
Statut
Membre
Dernière intervention
14 juillet 2021

Ça fait partir de ce que je veux justement.
Messages postés
16410
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
22 juillet 2021
877 >
Messages postés
14
Date d'inscription
samedi 13 juin 2020
Statut
Membre
Dernière intervention
14 juillet 2021