Tutorials

KodeKite Tools

HTML
Flexbox
SVG
Canvas
HTML Tutorial

More


HTML Progress Element
Progress Element

HTML progress element defines progress bar within an HTML page, a progress bar is created by using its attributes like value and max where value defines current value of progress bar and max defines the value of completion or total value of progress bar.

Syntax

<progress></progress>


You can use progress element any where within an HTML document.


Example


Progress is a pair tag and output of progress element vary depending upon browser.


Practice Task

Open notepad or any other text editor, follow the following points.


  • Write on pragraph
  • Assign text My Progress to paragraph
  • Now identify your working or learning progress
  • Write progress element to display your progress

save file with name task.html or task.htm and then open it using any browser and see results.


Solution

My Progress


Don't forget progress is non empty element which means it always comes in pair.