Progress bar activée avec un button !?!? HTML

Fermé

the_whity Messages postés 2 Date d'inscription mercredi 14 janvier 2015 Statut Membre Dernière intervention 16 janvier 2015 - Modifié par the_whity le 14/01/2015 à 20:45
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 15 janv. 2015 à 12:37

Bonjour,

Dans le code ci-dessous, j'essaye de développer une progressbar qui s'active avec un boutton mais elle ne s'active pas :p

Je pense que cela vient de la condition "if(#test123 == click)" ; je peut etre mal formé ma condition. Ou c'est peut etre autre chose, je ne sais pas merci ;)

<!doctype html>
<html>
<head>
 <title>HTML5 Progress Bar</title>
 <link rel="stylesheet" href="css/normalize.css">
 <link rel="stylesheet" href="css/style.css">
 <script src="js/jquery.js" type="text/javascript"></script>
 <script src="js/modernizr.js" type="text/javascript"></script>
 <script>
  $(document).ready(function() {
   if(#test123 == click)
   {
    var progressbar = $('#progressbar'),
     max = progressbar.attr('max'),
     time = (1000/max)*5, 
           value = progressbar.val();

       var loading = function() {
           value += 1;
           addValue = progressbar.val(value);
           
           $('.progress-value').html(value + '%');

           if (value == max) {
               clearInterval(animate);              
           }
       };

       var animate = setInterval(function() {
           loading();
       }, time);
   };
  });
 </script>
</head>
<body>
 <div class="demo-wrapper html5-progress-bar">
  <div class="progress-bar-wrapper">
   <progress id="progressbar" value="0" max="100"></progress>
   <span class="progress-value">0%</span>
   <button id="test123" type="button">Click Me!</button>
  </div>
 </div>
</body>
</html>

A voir également:

Progress bar activée avec un button !?!? HTML
Editeur html - Télécharger - HTML
Power button lockout - Forum Ecran
Batterie bar - Télécharger - Informations & Diagnostic
Espace html ✓ - Forum HTML
Caméra activée mais ne fonctionne pas - Guide

1 réponse

Réponse 1 / 1

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
15 janv. 2015 à 12:37

salut
au lieu de if(#test123 == click)
essaie
$("#test123").click (function () { ta fonction de progress bar })

Discussions similaires

la balise ou

Est-ce grave si je déssinstalle " bing bar "?

ou ou

Balise

Saut de lignes sans