Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
consegui resolver assim
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>Newsletter</title>
<style type="text/css">
div#box_barra {width:500px; height:50px; border: 8px solid rgba(8,6,6,0.3); -moz-border-radius: 10px; border-radius: 10px; position:relative; margin:0 auto;}
div#progresso {background:#6d84b4; height:50px; position:absolute; border:1px solid #069;}
div#txt {position:absolute; left:47%; margin-top:15px; font-size:18px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#links { border: 1px solid #ddd; color: #6b717a; width: 400px; height: 150px; padding: 5px; resize: none; border-radius:6px; margin:0 auto; }
input[type=text]:focus, input[type=password]:focus, input[type=button]:focus, select:focus, textarea:focus {outline: none;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
var contatos = <?php echo $contatos;?>;
var qtdContatos = contatos.length;
var current = 0;
var enviou = -1;
$(function(){
$("#enviar").click(function(){
beforeSend:$(".enviando").fadeIn("slow");
function aumentaBarra(){
var pixel = (500/qtdContatos) * current;
$('#progresso').css({
'width':pixel+'px'
});
var porcentagem = (current/qtdContatos) * 100;
$('#txt').html(porcentagem.toFixed(1)+'%');
};
setInterval(function(){
if(current<qtdContatos && enviou != current){
beforeSend: enviou = current;
$.post('envio.php',{ 'nome':contatos[current].nome, 'email':contatos[current].email}, function(retorno){
current +=1;
aumentaBarra();
});//popst envio.php
};//fim if enviou
},100);
});
})
</script>
</head>
<body>
<h1>Envio de Newsletter</h1>
<div id="box_barra" class="enviando" style="display:none;">
<div id="progresso"></div>
<div id="txt">0%</div>
</div><!--box_barra--><BR>
<center>
<form method="post" name="links" id="enviarEmail" action="javascript:void(0)">
<textarea name="links" id="links"></textarea>
<br />
<div id="botoes">
<input name="Enviar" id="Enviar" onclick="javascript:enviarEmail()" type="image" src="Enviar.png" style="margin-right:285px;" />
</div>
</form>
</center>
</body>
</html>
como eu faço para esconder a barra de porcentagem depois de chegar ao 100% e deixa uma mensagem E-mails enviados com sucesso?
Carregando comentários...