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 / Forms

ForMeter - Form completion progress bar

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


ForMeter - Form Completion Progress Bar - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Plugin Descrição

Traga as suas formas de vida, adicionando uma bela barra de progresso para o seu formulário de contato, CV, comentários ou qualquer outra forma de HTML. Informar seus usuários sobre a quantidade de dados inseridos ou se youâ € ™ d como, impedi-los para enviar o formulário, se o percentual definido não foi atingido

Características:

  • Flexível e super fácil de adicionar a sites existentes
  • Totalmente personalizável
  • Lightweight. O script embalado pesa apenas 1,8 kb
  • 6 estilos incluído: espectro (de vermelho para verde), vermelho, cinza, verde, laranja, azul
  • Prevenir formas de ser apresentado se o percentual definido não foi alcançado (opcional)
  • Funciona em todos os principais navegadores
  • Você pode alterar a largura e altura de cada barra de progresso
  • Gerar belas barras de progresso para qualquer forma
  • Bem documentado

Lista de parâmetros

  • velocidade: Duração da animação em milisegundos
  • estilo: esta é a classe ou a ID que irá estilizar a barra de progresso
  • bolha: esta opção irá ativar / desativar a bolha percentual abaixo da barra de progresso. Você pode reposicionar e estilizar a bolha percentual como quiser, editando o arquivo formeter.1.2.css
  • minPercent: impede o envio do formulário, se o usuário não atingiu percentual especificado
  • Mensagem de erro que será exibido para os usuários, quando o percentual especificado não foi alcançado: mensagem
  • selector: Determine os campos que você deseja recomendar os visitantes para completá-los, e dar-lhes uma classe necessária

Navegadores compatíveis

Este plugin foi testado em todos os seguintes navegadores:
  • Internet Explorer 6, 7, 8, 9 e 10
  • Raposa de fogo
  • Safari 5.1.2
  • Opera 10, 11 e 11.11
  • Chrome 11

Changelog

 1.3 (05 de fevereiro de 2015) * Alguns problemas de compatibilidade foram corrigidos, para que o plugin irá trabalhar com as versões mais recentes jQuery * Agora, as animações são atrasados ​​função, em vez de trigger "animateBar" em cada evento keyup 1.2 (11 de dezembro de 2013) * O plugin foi totalmente reescrito * Barra de progresso não congela depois de vários tipo / clara ou verifique / ciclos desmarque * A bolha foi reestilizado * A barra de progresso foi reestilizado * Seletor de padrão mudado 1.1 (10 setembro de 2012) * A bolha percentual foi reestilizado * Foi adicionado um novo recurso que permitirá que você definir o parâmetro "minPercent" e prevenir formas de ser apresentado * Atualizado o arquivo de documentação * Foi adicionado um novo exemplo que ilustra como usar o plugin Formeter com formas multi-passo 1.0 (9 de agosto de 2012) * Versão inicial do plugin do jQuery Formeter 

Demonstração on-line e documentação

Siga-me no Twitter ou CodeCanyon para as últimas atualizações.


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

Propriedades

Criado:
14 de 12 de agosto

Última atualização:
7 15 fevereiro

Alta resolução:
sim

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

Arquivos incluídos:
JS JavaScript, HTML, CSS

Versão do software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos os itens, progresso de animaç, ã, o, forma extravagante, formulá, rio de conclusã, o, jQuery plug-in, medidor, formulá, rio em vá, rias fases, percentagem, Barra de progresso, deslizamento, interface de usuá, rio