The new "progress" element appears to be very similar to the "meter" element. It is created to indicate progress of a specific task.

The progress can be either determinate OR interderminate. Which means, you can use "progress" element to indicate a progress that you do not even know how much more work is to be done yet.

Sounds confusing? How can you tell a progress without even know where the end is?

The first possibility, the work hasn't even started. So, it is 0 percent or 0.0001 percent which is not relevant at all.

The second possibility is, the actual value of the progress is in waiting from some servers or processes to update it on the fly.

One of the typical usage of "progress" element is progress of file download.

For determinate progress, you can always set the value of progress in "value" attribute. There is "max" attribute for you to indicate the maximum value of the progress. In compared to "meter" element, there isn't a "min" attribute as the minimum of progress is always 0 (zero).

Progress of Task A : <progress value="60" max="100">60%</progress>

Progress of Task A : 60%

As of writing, only Google Chrome 8 and Opera 11 render "progress" element as progress bar.

BrowsersProgress element support
IE 9 Beta
Firefox 13
Safari 5
Chrome 8
Opera 11

If you are not using any of web browser that supports "progress" element, below picture shows you how it looks like in Google Chrome 8.

progress element in Google Chrome