Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Barra de progresso html 5 com jQuery

08-06-2013 18:25

Esse é um exemplo de como criar e usar uma barra de progresso no html 5.

Essa barra pode ser usada, por exemplo, quando você tem algum evento feito em etapas, e quer mostra ao usuário quanto por cento falta para terminar o processo.

<script src="jquery.js"></script>   <script> $(document).ready(function() { // chamando a função de progresso e passando o valor de 50% updateProgress(50); }); </script>


<p>Progresso: <progress id="p" max="100"><span>0</span>%</progress></p>


<script> var progressBar = document.getElementById('p'); function updateProgress(newValue) { progressBar.value = newValue; progressBar.getElementsByTagName('span')[0].textContent = newValue; } </script>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado