Form Controls in HTML: Showing Task Progress

<progress>… </progress>

The <progress> element allows you to display a control to show the progress of a task. The display is static and shows only a snapshot rather than a continuous display. In order to create a dynamic display, a script will have to be used to display snapshots at intervals. The specific attributes that it supports are value (which specifies the amount of task completed) and max (which specifies the total amount of task available to do). Figure 5.47 shows how the element is used, and Figure 5.48 depicts the result.

Source: Sklar David (2016), HTML: A Gentle Introduction to the Web’s Most Popular Language, O’Reilly Media; 1st edition.

Leave a Reply

Your email address will not be published. Required fields are marked *