Tag <meter> não funciona

23/01/2013

0

Olá a todos.
Pesquisando sobre HTML5 encontrei uma tag <meter> que faz uma barrinha de progresso. Então estou tentando fazer um teste aqui com um campo onde o usuário digita e eu atualizo o valor do meter, mas não estou conseguindo visualizar essa barrinha.
O código que estou usando é o seguinte:
<meter value="0.5">50% concluído</meter>

Não consigo ver o que está errado, alguém tem alguma ideia?
Obrigada desde já.
Carla Batista

Carla Batista

Responder

Posts

23/01/2013

Joel Rodrigues

Estranho, Carla, pois é um código tão simples.
Teria como mostrar o código completo da página?
Responder

23/01/2013

Carla Batista

Na verdade eu já removi todo o restante do código da página, para ver se tinha algo interferindo.
Eis o código da minha página:
<!DOCTYPE html>
<html>
<body>	
	<meter value="0.5">50% concluido</meter>
</body>
</html>

Obrigada pela ajuda.
Responder

23/01/2013

Joel Rodrigues

Realmente não vejo erro no código. Vamos então às perguntas básicas: qual browser você está usando.
Responder

23/01/2013

Carla Batista

Nesse computador só tinha o IE8, então eu instalei o 9 para ver se dava certo. Mas também não deu. Por isso não acho que seja o browser.
Responder

24/01/2013

Joel Rodrigues

Ah, tá explicado. O Internet Explorer não suporta esse recurso nem na versão 9, infelizmente. Veja nesse link maiores informações sobre essa tag, incluindo o suporte: http://www.w3schools.com/tags/tag_meter.asp.
Infelizmente só usando Chrome, Firefox ou Opera, por enquanto.
Responder

24/01/2013

Carla Batista

Nossa, deve ser isso mesmo. Vou testar em outro browser pra ver.
Mas que chato, não?
Então não posso usar essa tag, pois muita gente usa o IE. Não posso então fazer o que preciso?
Você teria alguma solução?
Obrigada.
Responder

24/01/2013

Joel Rodrigues

Bom, você poderia tentar usa o widget Progressbar da jQuery UI. Veja nesse link: [url]http://jqueryui.com/progressbar/[/url]. Boa sorte
Responder

24/01/2013

Carla Batista

Olha, parece legal. Até melhor que o meter, eu acho.
Então obrigada, vou olhar como funciona e se eu consigo usar. Se não conseguir, eu abro um tópico aqui com um título adequado.
Obrigada pela ajuda e pode encerrar o tópico.
Responder

24/01/2013

Joel Rodrigues

Pois é, Carla, o Progressbar pode ser mais interessante que o meter sim. E o melhor, é da jQuery UI então não deve ter problema de incompatibilidade.
Caso tenha dúvida, fique à vontade para abrir um novo tópico.
Então vou encerrar o tópico.
Responder

24/01/2013

Benedito Assis.

Olá todos.

Desculpe o post por estar fechado, so hoje vi.
Como faço neste codigo esposta acima, para a barra ir de 0 a 100.
Estou tentando aprender html.
Obrigado.
Responder

24/01/2013

Joel Rodrigues

Opa, amigo. Na verdade eu ainda nem fechei o tópico, então vamos lá.
Você se refere ao <meter> ou ao Progressbar da jQuery UI?
Responder

25/02/2013

Joel Rodrigues

Bom, nesse caso vou encerrar o tópico. Caso precise, fique à vontade para abrir novos.
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar