Une barre de progression séquentielle.

BideAugustin Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   -  
yg_be Messages postés 23541 Date d'inscription   Statut Contributeur Dernière intervention   -
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
A voir également:

1 réponse

Réponse 1 / 1
yg_be Messages postés 23541 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 584
 
bonjour,
peux-tu partager le programme de cette autre page admin?
0
BideAugustin Messages postés 23 Date d'inscription   Statut Membre Dernière intervention  
 
Ça fait partir de ce que je veux justement.
0
yg_be Messages postés 23541 Date d'inscription   Statut Contributeur Dernière intervention   1 584 > BideAugustin Messages postés 23 Date d'inscription   Statut Membre Dernière intervention  
 
https://www.commentcamarche.net/infos/25899-demander-de-l-aide-pour-vos-exercices-sur-ccm/
0