Carregando barras de exibir o progresso de um download ou processo. A barra de carregamento oferece aos usuários uma compreensão visual de como o progresso é bem vinda. Cada linguagem de programação tem seu próprio método para a criação de barras de progresso . As escolhas mais populares são Flash e Ajax . Criando uma barra de carregamento requer uma imagem de carga -bar que você pode fazer sozinho ou fazer o download a partir de um gerador de imagem. A barra de carregamento requer código que informa que quanto progresso está sendo feito. Instruções
Baixe um bar gif carga do gerador gif Ajax (consulte Recursos) . Escolha um estilo a partir do menu drop- down " Tipo de Indicador " e clique em "Gerar ". Clique em "Download It! " abaixo da pré-visualização. Uma caixa de diálogo de download irá aparecer. Navegue até o diretório do seu projeto de carregamento -bar, nomeie o arquivo " loading.gif " e pressione " Enter". Alternativamente, se você é um editor de gráficos , você pode construir sua própria barra de progresso. Certifique-se de que é uma animação com a extensão de arquivo "gif" .
2
download da biblioteca jQuery ( consulte Recursos). Um arquivo de código JavaScript será aberta. Clique em " Arquivo", " Salvar" . Quando a caixa de diálogo Salvar aparecer, navegue até o diretório do seu projeto de carregamento -bar e pressione " Enter".
3
Inicie um editor de código ou bloco de notas. Para o bloco de notas , clique em " Iniciar", " Todos os Programas", " Acessórios", " Bloco de notas"
4
copie e cole o seguinte código para o arquivo em branco : .
download em andamento, por favor aguarde ..
< /div >
5
Salve o arquivo . Clique em " Arquivo", " Salvar ", dar-lhe um nome com a " extensão" (como " html loadbar.html ") e pressione " Enter".
Criando Carregando Bares com flash < br >
6
Inicie qualquer editor flash.
7
Crie três novos quadros com clicando em " Inserir ", "Frame" .
8
No " Frames " painel (geralmente à esquerda do editor flash) , clique direito no quadro superior e selecione " Renomear". Nomeie-o "ações ". Use o mesmo processo para nomear o segundo " siteloader ", quadro do terceiro quadro " esboço " eo último frame " bar ".
9
Bloquear as "ações" e quadros de " esboço " . Botão direito do mouse cada um dos nomes de quadros e selecione " Bloquear ".
10
Defina a "encher" e "Stroke " cores . O "encher" a cor é o um ao lado do balde de despejo. O " golpe " a cor é a cor ao lado do lápis. Certifique-se de que as cores contrastam entre si , de modo que o curso será claramente visível sobre o fundo .
11
Crie um retângulo para a barra de carregamento . Clique na ferramenta retângulo na caixa de ferramenta , defina a fronteira para a largura desejada e desenhe um retângulo no "bar" quadro. Esse retângulo atuará como sua barra de carregamento. O "encher" cor vai encher a barra de carregamento que o download progride.
12
mover o contorno da camada de "bar" para a camada de " esboço " . Clique no contorno da barra de carga para selecionar apenas o contorno duplo. Pressione " Ctrl" e "x " ao mesmo tempo para cortar o contorno da barra de carga. Clique direito a palavra " bar " e selecione "Bloquear ". Botão direito do mouse " esboço " e selecione " Unlock ". Clique em "Editar ", "Colar no lugar" .
13
Faça o carregamento bar um clipe de filme. Botão direito do mouse " esboço " e selecione "Bloquear ". Botão direito do mouse "bar" e selecione " Unlock ". Clique no retângulo, em seguida, "Modificar ", " Converter em símbolo . " Digite " loadbar " como o nome , em seguida, clique no botão de rádio para " Clipe de Filme " e pressione " Enter".
14
Crie uma instância ActionScript. Clique em " Propriedades". Na caixa de texto ao lado de "Nome" " loadingBar . " Tipo
15
Configure o carregador site. Bloqueie a camada "bar" e desbloquear a camada " siteloader " . Clique em "Inserir ", "New Symbol, " nome " site", selecione " Clipe de Filme " e pressione " Enter". Clique em " Janela ", "Biblioteca ". Clique em " local " e arraste-o para o palco ( o painel principal do editor Flash) . Clique em " Propriedades". Na caixa de texto por "Nome" digite " siteLoader ".
16
Programa do ActionScript. Clique em " Janela ", "Ações ". Um editor de código irá aparecer na tela . Copie e cole o seguinte código para o editor de código :
siteLoader.loadMovie ( " ");
loadingBar._xscale = 1;
loadingBar . onEnterFrame = function () {
kBytesLoaded = this._parent.siteLoader.getBytesLoaded () /1024;
kBytesTotal = this._parent.siteLoader.getBytesTotal () /1024;
porcentagem = Math.round ( kBytesLoaded /kBytesTotal * 100);
this._xscale = percentagem;
if ( porcentagem == 99) {
excluir esta . onEnterFrame ;
}
}
Substituir " " com o caminho do arquivo ou página web que está sendo carregada enquanto a barra de carregamento avança .
17 Salve o projeto como " loadbar.swf . "