10

Qual é a diferença dessas duas tags html, apenas a aparência(layout,cor) é diferente?

<meter min="0" max="100" value="22"></meter>

<progress value="22" max="100"> </progress>

Qual é a diferença da meter e progress ? sendo que aparentimente elas tem o mesmo propósito e objetivo?

2 Respostas 2

10

De acordo com está resposta no SOEn não há muita diferença entre a utilização entre uma ou outra. Basicamente a tag <progress> é usada para exibir o andamento de uma tarefa específica(eg: informar o usuário sobre o andamento do seu pedido ou tarefa, importação de dados, etc), enquanto a tag <meter> tem bom uso por exemplo, em exibir a utilização do disco ou a relevância do resultado de uma consulta.

Veja este gráfico onde exibe a diferença entre elas.

inserir a descrição da imagem aqui

10

Apesar de serem parecidas visualmente elas tem diferentes propósitos, vejamos:

<progress>: representa o progresso da realização de uma tarefa, exemplo: upload de um arquivo.

<meter> representa uma medida, por exemplo de uso de disco, relevância do resultado de uma consulta, ou a fração de uma população que votou num candidato em particular.

Fontes: 1, 2

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .