JQuery

Barra de progressão (progressbar)

Publicado por antlou em 21/06/2015

Este plugin jquery, utilizando a biblioteca JQuery-ui vai para o widget progressbar.

Progressbar é usado para visualizar a evolução de uma operação estendida, como um download, transferência de arquivos ou de instalação.

Às vezes, o gráfico é acompanhado por uma representação textual do progresso em formato percentual.

Resultado:

progressbar.html



<html>
<head>

  <link rel="stylesheet" href="jquery-ui-1.11.4/themes/smoothness/jquery-ui.css">
  <link rel="stylesheet" href="jquery-ui-1.11.4/jquery-ui.css">
  
  <script src="jquery-2.1.1.js"></script>
  <script src="jquery-ui-1.11.4/jquery-ui.js"></script>
 
  <script>
  $(function() {
    $( "#progressbar" ).progressbar({
        value:35
    });
  });
  </script>
  
</head>
<body>
    <div id="progressbar"></div>
</body>
</html>

voltar para o topo ↑

Download Código

Simples!...
Espero ter sido útil e motivados a fazer mais experiências com esta biblioteca interativa.

Deixe a sua avaliação.

1 votos - 5 pontos - 8 downloads
Média : 5,000

Infoscript - Desenvolvimento de websites, e-commerce e programação

Infoscript tem soluções para desenvolvimento web e programação para aproximar os seus clientes às necessidades atuais do mercado.
O design de produto, a criação de websites e lojas online entre outros, são os principais serviços que temos para lhe oferecer.
Contate-nos através do endereço geral@infoscript.pt
Nós teremos uma solução para si à medida.