Simple Progress Bar - this example only takes advantage of the HTML <progress> element. The problem is that assistive technologies may not be able to process the information presented.

Based on the W3C recommendation one should employ text with the element so legacy user agents are provided information. In this example, I placed a <span> element after the <progress> element so it is obvious to viewers. Mark's note - often, these legacy agents include assistive devices.

Progress: 0 %

Don't forget to view the source code to see the HTML being used. Obviously, the actual function call would not be a static value; this is just a simple example.