WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Loaders and Uploaders

AwsmProgressBar for jQuery

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


AwsmProgressBar for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
O AwsmProgressBar é um tudo-em-um-arquivo de plug-in para jQuery que permite criar uma barra de progresso impressionante. Mais de treze opções e cinco métodos permitem personalizar a progressbar às suas necessidades. Ele funciona com CSS3-animações e todos os principais navegadores. O AwsmProgressBar é útil quando um estado, o seu progresso ou transições entre os estados deve ser comunicada ao usuário.

Atualizações

  • Atualização v1.3: compatibilidade do navegador Maior (especialmente IE10 +)
  • Atualize v1.2: CSS3-transistions agora são totalmente suportados no Opera 12+.
  • Atualização v1.1a: Corrigido um bug com o fundo sem textura e adicionou a opção de fornecer uma própria relação de aspecto (em vez do padrão um dos 100: 15). A demo foi atualizado também.

Características

  • CSS3-animações com fallback para gifs para navegadores mais antigos
  • progress- dinâmico e cor-animações, 4 estados diferentes
  • 10 opções ajustáveis ​​e 4 cores customizáveis
  • adapta-se ao tamanho da tela, mesmo quando a janela é redimensionada
  • integração fácil, só precisa jQuery 1.4 ou posterior

A -página de demonstração contém um exemplo de trabalho totalmente e toda a documentação.

Compatibilidade do navegador (a partir de julho de 2013)

Navegadores de desktop Navegadores móveis
Testado: Teste-se:
  • Firefox 8+
  • Chrome 11+
  • Internet Explorer 10+
    (versões anteriores a 10 de recuo para o GIF-animação)
  • Safari 5.1+
  • Opera 12.10+
  • iOS 3 Safari 3.2+ (iPad, iPhone, iPod)
  • BlackBerry Browser 7+
  • Opera Mobile 12.1+
  • Chrome para Android 27+
  • Firefox para Android 22+

A extensão do plug-in spannes o código-fonte JavaScript, uma folha de estilo e quatro gráficos. Dois gráficos são em JPEG e os outros dois arquivos no formato GIF (animado). Elas são usadas para o fundo interno da barra de progresso e vêm em um tamanho normal e uma versão pequena.

Os gifs animados vêm como solução de recurso, caso o navegador userâ € ™ s não suporta CSS3-animações. O desenvolvedor também pode decidir usar gifs como plano de fundo padrão para preservar algum poder de computação, como essas animações podem consumir uma grande quantidade do mesmo.

O AwsmProgressBar permite 12 opções diferentes, que podem ser inicializados com. Essas propriedades podem ser alteradas em qualquer momento posterior. Quatro diferentes cores customizáveis ​​permitir que o desenvolvedor se adaptar a olhar para a página de circundante (cores podem ser definidas para os quatro estados indeterminada, trabalhando, inativo e terminou).

Composições absorventes e formadores, bem como um método para destruir o plug-in estão disponíveis.

O pacote vem em duas versões. O primeiro é um pacote com tudo-em-um-arquivo. É um JavaScript-autônomo arquivo que inclui todo o código fonte minified, todo-estilos CSS e todas as imagens como base64-data-Urla € ™ s. Esta versão só depende de jQuery e deve ser carregado depois. O processo completo tem um tamanho total de ~ 55 kilobytes. A segunda versão tem todos esses arquivos exteriorizada, de forma que o desenvolvedor pode carregar e combiná-los manualmente.


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
4 12 de julho

Última Atualização:
24 jul 13

alta resolução:
Não

Navegadores compatíveis:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Palavras-chave

eCommerce, todos os itens, animaç, ã, o, css3, animaç, ã, o css3, css3 barra de rolagem, javascript, jquery, carregador, progresso, progressbar, barra de rolagem, estado, transiç, ã, o