Html Meter Progress Tags #1

 Html Meter Progress Tags #1
Okunuyor Html Meter Progress Tags #1

The today over lesson is about the Html Meter Progress Tags. I hope this information is useful for you.

THML       <meter>    and    <progress>     TAGS


Storage space usage:
<meter value = 5 min = 0 max = 10>
   6 blocks used (out of 8 total)


  •             Value — Current value of the element
  •               min  — Lower bound of range
  •               max — Upper bound of range
  •              high — Low limit of high range
  •               low — High limit of low range
  •      optimum — optimum value in gauge

The meter element represents a scalar measurement within a known range, or a fractional value; for example disk usage, the relevance of a query result, or the fraction of a voting population to have selected a particular candidate.

This is also known as a gauge.

The meter element should not be used to indicate progress (as in a progress bar). For that role. HTML provides a separate progress element



  <progress id="p" max=100 value=50>




  •        value  —  Current value of the element
  •         max  —  Upper bound of range

The progress element represents the completion progress of a task. The progress is either indeterminate, indicating that progress is being made but that it is not clear how much more work remains to be done before the task is complete (e.g. because the task is waiting for a remot host to respond), or the progress is a number in the range zero to a maximum, giving the fraction of work that so far been completed.

There are two attributes that determine the current task completion represented by the element. The value attribute specifies how much of the task has been completed, and the max attribute specifies how much work the requires in total. The units are arbitrary and not specified.

I hope this information was useful for you. Always be a successful person in your life. Good Luck.

Yapılan Yorumlar

Bir Cevap Yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.