Tag <meter> não funciona

23/01/2013

1

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á.
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
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