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.

To address this, we can use ARIA role and associated attributes. If only a part of the page was being updated, we would also want to use the aria-describedby attribute (to indicate what part of the page is being updated).

ARIA attributes used:
• progressbar.
• aria-valuenow.
• aria-valuemin.
• aria-valuemax.

Progress: 89.49%

Don't forget to view the source code to see the HTML being used.