Une barre de progression séquentielle.

Fermé
BideAugustin Messages postés 23 Date d'inscription samedi 13 juin 2020 Statut Membre Dernière intervention 18 septembre 2021 - 14 juil. 2021 à 11:20
yg_be Messages postés 20306 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 3 octobre 2022 - 14 juil. 2021 à 14:02
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

yg_be Messages postés 20306 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 3 octobre 2022 1 225
14 juil. 2021 à 13:46
bonjour,
peux-tu partager le programme de cette autre page admin?
0
BideAugustin Messages postés 23 Date d'inscription samedi 13 juin 2020 Statut Membre Dernière intervention 18 septembre 2021
14 juil. 2021 à 13:50
Ça fait partir de ce que je veux justement.
0
yg_be Messages postés 20306 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 3 octobre 2022 1 225 > BideAugustin Messages postés 23 Date d'inscription samedi 13 juin 2020 Statut Membre Dernière intervention 18 septembre 2021
14 juil. 2021 à 14:02
0