Visualizing Progress

In this lesson, we will learn how to make use of progress bars in HTML, and JS. Let's begin!

We'll cover the following

HTML5 defines a new tag, <progress>, which can be used to represent the progress of a task. It has only two attributes, max and value, which specify the amount of work a task requires in total, and the number of units the task has completed.

For example, if the task requires 25 work units in total, with three already completed, it can be represented with this markup:

Get hands-on with 1200+ tech skills courses.