<progress>元素和<meter>元素经常会被混淆。它们之间的区别主要有以下两点：

  • <progress>元素用于显示某个特定任务的时间进度。这个任务的时间上限是可以确定的值，如播放一段音乐的时间；或者是不可确定的值，如上传一个文件到服务器上。<progress>元素的最大值在元素显示时可能是不确定的。例如，完成一个表单提交所需要的进度条。

  • <meter>元素的不同之处在于，它的最小值和最大值必须是确定的。

另外一个区别是，<progress>元素的最小值可以是0。而<meter>元素的最小值必须是一个浮点数，包括负数，可以想象一下温度计的刻度。