Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2494 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Barre de progression dynamic javascript

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Barre de progression dynamic javascript

n°2309489
iamlouky
Posté le 03-01-2018 à 00:25:34  profilanswer
 

Bonjour,
J'aimerais lorsque le code javascript se charge jusqu'à 25%, ça soit dirigé automatiquement vers une autre page(par exemple href="verification/index.php" ).
Le problème est que je ne suis pas bon en javascript donc je ne sais pas par où il faut mettre le lien de la page où elle doit être dirigé .
Voici mon code :
 

Citation :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style type="text/css">
    .bs-example{
     margin: 20px;
    }
</style>
</head>  
<body>
<div class="bs-example">
 <!-- Progress bar HTML -->
 <div class="progress progress-striped active">
  <div class="progress-bar"></div>
 </div>
   
 <!-- jQuery Script -->
 <script type="text/javascript">
  var i = 0;
  function makeProgress(){
   if(i < 25){
    i = i + 1;
    $(".progress-bar" ).css("width", i + "%" ).text(i + " %" );
   }
   // Wait for sometime before running this script again
   setTimeout("makeProgress()", 500);
  }
  makeProgress();
 </script>
</div>
</body>
</html>


Message édité par iamlouky le 03-01-2018 à 01:01:57
mood
Publicité
Posté le 03-01-2018 à 00:25:34  profilanswer
 

n°2309532
Devil'sTig​er
Posté le 03-01-2018 à 15:43:56  profilanswer
 

Je suis pas tout a fait sur de comprendre ta question...
 
A tout hasard:
 

Code :
  1. if(i < 25){
  2.     i = i + 1;
  3.     $(".progress-bar" ).css("width", i + "%" ).text(i + " %" );
  4.    } else if (i === 25) {
  5.         window.location.href = "verification/index.php";
  6.    }


 
????

n°2309538
rat de com​bat
attention rongeur méchant!
Posté le 03-01-2018 à 16:15:27  profilanswer
 

Quel intérêt de faire attendre artificiellement l'utilisateur avant de le rediriger? :??:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Barre de progression dynamic javascript

 

Sujets relatifs
Barre de progressionbarre de progression VBA access
UserForm et Barre de progression [Résolu]Barre de progression lors d'un upload
OpenOffice Impress barre de progression comme sous powerpoint??Upload avec barre de progression comme dl.free.fr ou daylimotion
Problème de barre de progression[PHP/Flash] - Barre de progression
Barre de progressionanimation ou barre de progression pendant un POST de formulaire sur IE
Plus de sujets relatifs à : Barre de progression dynamic javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR