Bonjour,
Voice le code:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<?PHP
$sql10 = "SELECT * FROM niveaux WHERE niveau='1'";
$req10 = mysql_query($sql10) or die('Erreur SQL !<br>'.$sql10.'<br>'.mysql_error());
while($data = mysql_fetch_assoc($req10))
{
$tempsensecs=$data['tempsensecs'];
$niveau=$data['niveau'];
}
?>
<script>
$(document).ready(function() {
var MaBarreProgression = $('#MaBarreProgression'),
max = MaBarreProgression.attr('max'),
time = <?PHP echo $tempsensecs;?>,
value = MaBarreProgression.val();
var Telechargement = function() {
value += 1;
addValue = MaBarreProgression.val(value);
$('.progress-value').html('Téléchargement '+ value + '%');
if (value == max) {
clearInterval(animation);
$('.progress-value').html('Téléchargement Terminé !');
}
};
var animation = setInterval(function() {
Telechargement();
}, time);
});
</script>
</head>
<body>
<progress id="MaBarreProgression" value="0" max="100"></progress>
<br>
<span class="progress-value">Téléchargement 0%</span>
</body>
</html>
il me faut
1. afficher ce compteur time dessous la barre de de chargement
2. reprendre la barre s'il y a une actualisation au temps restant
Merci beaucoup pour votre aide, je ne suis pas callé en JS et JQuery