Show progress — practice exercise

What you'll be asked to do

1. 1.Show progressexercise · easy · 10 min

   Add a progress bar that is 30 out of 100.

   Passes when: Add a progress bar that is 30 out of 100.

2. 2.Set the maximumexercise · easy · 10 min · practice plan

   Add a progress bar out of 5.

   Passes when: Add a progress bar out of 5.

3. 3.Label the barexercise · easy · 10 min · practice plan

   Tie a label to the progress bar.

   Passes when: Tie a label to the progress bar.

4. 4.Add fallback textexercise · easy · 10 min · practice plan

   Show a percentage for browsers without progress support.

   Passes when: Show a percentage for browsers without progress support.

5. 5.A labelled upload barexercise · medium · 10 min · practice plan

   Build a labelled progress bar with fallback text.

   Passes when: Build a labelled progress bar with fallback text.

6. 6.Fix the div used as a progress barbug fix · easy · 8 min

   There is an element for progress.

   Passes when: There is an element for progress.

7. 7.Fix the missing maximumbug fix · easy · 8 min · practice plan

   Without max the value has no scale.

   Passes when: Without max the value has no scale.

8. 8.Fix the label with no targetbug fix · easy · 8 min · practice plan

   The label must point at the bar's id.

   Passes when: The label must point at the bar's id.

9. 9.Fix the fallback put outsidebug fix · easy · 8 min · practice plan

   Fallback text goes between the progress tags.

   Passes when: Fallback text goes between the progress tags.

10. 10.Fix the meter used for a taskbug fix · easy · 8 min · practice plan

    Task completion is progress; meter is a measurement.

    Passes when: Task completion is progress; meter is a measurement.

Between them these tasks cover Progress bars, value and max and Labels.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.