Tag <meter> não funciona
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:
Não consigo ver o que está errado, alguém tem alguma ideia?
Obrigada desde já.
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
Curtidas 0
Respostas
Joel Rodrigues
23/01/2013
Estranho, Carla, pois é um código tão simples.
Teria como mostrar o código completo da página?
Teria como mostrar o código completo da página?
GOSTEI 0
Carla Batista
23/01/2013
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:
Obrigada pela ajuda.
Eis o código da minha página:
<!DOCTYPE html> <html> <body> <meter value="0.5">50% concluido</meter> </body> </html>
Obrigada pela ajuda.
GOSTEI 0
Joel Rodrigues
23/01/2013
Realmente não vejo erro no código. Vamos então às perguntas básicas: qual browser você está usando.
GOSTEI 0
Carla Batista
23/01/2013
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.
GOSTEI 0
Joel Rodrigues
23/01/2013
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.
Infelizmente só usando Chrome, Firefox ou Opera, por enquanto.
GOSTEI 0
Carla Batista
23/01/2013
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.
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.
GOSTEI 0
Joel Rodrigues
23/01/2013
Bom, você poderia tentar usa o widget Progressbar da jQuery UI. Veja nesse link: [url]http://jqueryui.com/progressbar/[/url]. Boa sorte
GOSTEI 0
Carla Batista
23/01/2013
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.
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.
GOSTEI 0
Joel Rodrigues
23/01/2013
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.
Caso tenha dúvida, fique à vontade para abrir um novo tópico.
Então vou encerrar o tópico.
GOSTEI 0
Benedito Assis.
23/01/2013
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.
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.
GOSTEI 0
Joel Rodrigues
23/01/2013
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?
Você se refere ao <meter> ou ao Progressbar da jQuery UI?
GOSTEI 0
Joel Rodrigues
23/01/2013
Bom, nesse caso vou encerrar o tópico. Caso precise, fique à vontade para abrir novos.
GOSTEI 0