HTML Progress Tag
Structured HTML
EXP:
40

HTML Progress Tag

The <progress> tag in HTML represents the completion progress of a task, typically displayed as a progress bar, with value indicating the current progress and max specifying the total.

Your task in this problem is to apply the correct value & max attribute to the progress tag & change the text in the p tag accordingly.

INSTRUCTIONS

HTML Element Attribute Value
progress value
32
progress max
100

HTML Element text content
p Progress: 32%



UI reference
  • Use the given provided code and try to mirror the UI.


  • - Initial

    React

    - Final

    React


Evaluation
  • After submission, your solution will be evaluated automatically based on the tasks defined above.
  • Upon successful completion of all the tasks/requirements, you will get a full score, and there will not be any partial scoring.
  • You can work on your failed test cases & resubmit your solution.
  • Your problem will get evaluated instantly.

Do’s & don’t
  • Use the given code structure in editor and do not make any changes.
  • Do not modify existing classes or tags.
  • Focus on correct HTML structure and class names.

Query & feedback
  • In case of any query/feedback on this project, please fill this form & we will soon get in touch with you to resolve.

Best of luck, developers!