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 22726 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 26 avril 2024 - 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

A voir également:

Barre de progression word
Supprimer une page word - Guide
Espace insécable word - Guide
Organigramme word - Guide
Word gratuit - Guide
Signature électronique word - Guide

1 réponse

Réponse 1 / 1

yg_be Messages postés 22726 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 26 avril 2024 1 476
14 juil. 2021 à 13:46

bonjour,
peux-tu partager le programme de cette autre page admin?

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.

yg_be Messages postés 22726 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 26 avril 2024 1 476 > 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

https://www.commentcamarche.net/infos/25899-demander-de-l-aide-pour-vos-exercices-sur-ccm/

Discussions similaires

Barre verticale droite sur clavier

Symbole Attention dans Word

Fichier word verrouillé

Discussions similaires

Newsletters