Progress bar activée avec un button !?!? HTML
the_whity
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
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 ;)
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
- Battery bar - Télécharger - Informations & Diagnostic
- Espace html - Astuces et Solutions
- Br html ✓ - Forum Webmastering
- Power button locked iiyama - Forum Ecran
