Download com Painel Plus

Sobre este efeito

Botão de download com um painel de status técnico embaixo: no clique, as letras da etiqueta se embaralham até formar "BAIXANDO", duas setas quicam, a barra enche, o tempo estimado desce e o contador de arquivos sobe; no fim, a etiqueta vira "CONCLUÍDO" por um instante e tudo volta. A barra enche até o fim antes de mostrar o "Concluído". Aceita o progresso real do seu download ou upload, dá ao leitor de tela uma barra de progresso de verdade e avisos do estado, tem rótulos e estados em português trocáveis por atributo e respeita a preferência de menos movimento. Duração, espera, embaralhar, cor e largura ajustáveis. Sem biblioteca.

Ficha

Categoria

Carregamento

Onde combina

chamada pra ação, utilitário

Alcance

Área: vive dentro de um bloco da página.

Plano

Incluso no Plus (R$ 19,90/mês) e no Ultra (R$ 39,90/mês).

Peso

6,4 KB de código comprimido. Sem biblioteca externa.

No celular

Leve: usa 17% do processador de um celular intermediário enquanto anima.

Na loja desde

14/09/2026

Como colocar no seu site

1. Criando o site com IA (Claude Code, Codex e parecidas): baixe o kit, extraia na pasta do projeto e cole o pedido pronto que a loja entrega. Não precisa saber programar.
2. Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
3. Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-download-com-painel.

Assuntos

• botoes
• download
• upload
• progresso
• painel
• status
• embaralhar
• contador
• barra
• interacao
• js