domingo, 8 de abril de 2012

(Javascript) ProgressBar em Canvas

Consegui criar uma biblioteca (função objeto) que faz um sistema de progressbar simplificadamente, você pode especificar o estilo da progressBar e utilizar como desejar



Basicamente basta usar
createProgressBar(x, y, largura, altura, color, maximo, canvasid)

Sendo x,y posição da barra de progresso na área canvas; largura e altura da progressbar, color é a cor da mesma; máximo o valor máximo que ela pode chegar; e canvasid é o elemento html que usa tag canvas, coloque o id do mesmo

Depois basta utilizar a função obj.updateProgress que irá adicionar +1 na progressBar e retornar uma condicional, caso verdadeiro o valor máximo da barra de progresso ainda não foi atingido, caso contrário, foi.

A função showText serve para mostrar um texto abaixo da barra, mostrando a porcentagem atual. Quaisquer dúvidas, coloquem um comentário, responderei. Os erros estão sendo fixados (não achei nenhum até agora, mas pode haver por ser um sistema de difícil construção e bastante frágil)

Nenhum comentário:

Postar um comentário