Progressbar

A funcionalidade oferecida pelas barras de progresso já está amplamente difundida, em geral, o intuito principal é mostrar o quanto da atividade foi concluída até o momento e, também, mostrar que o serviço/sistema/aplicação não está parada/congelada. Veja seu uso na Figura 8 e em seu respectivo código fonte mostrado a seguir.

<script>

$(function() {

      $("#pb1").progressbar({

            value: 45

      });

});

</script>

​

<div id="pb1"></div>

• Para criar uma barra de progresso, basta criar uma div e, por meio da função 'progressbar', informar a bibiloteca jQuery UI que o elemento selecionado é uma barra de progresso.