Html-progress-tag
提供:Dev Guides
HTML-進捗タグ
説明
HTML <progress>タグは、タスクの完了進捗を指定します。 進行状況バーとして表示されます。 プログレスバーの値はJavaScriptで操作できます。
例
<!DOCTYPE html>
<html>
<head>
<title>HTML Progress Tag</title>
</head>
<body>
<h1>Student's Intelligence level</h1>
<progress value = "80" max = "100"/>
</body>
</html>
これは、次の結果を生成します-
グローバル属性
このタグは、− link:/html/html_attributes_reference [ HTML Attribute Reference ]で説明されているすべてのグローバル属性をサポートします
特定の属性
HTML <progress>タグは、次の追加属性もサポートしています-
Attribute | Value | Description |
---|---|---|
max html-5 | max | It should have a value greater than zero and a valid floating point number. |
valuehtml-5 | value | Specifies how much of the task that has been completed. It should be a floating point number between 0 and max or 0 and 1 if max is omitted. |
イベント属性
このタグは、− link:/html/html_events_reference [HTMLイベントリファレンス]で説明されているすべてのイベント属性をサポートします。
ブラウザのサポート
Chrome | Firefox | IE | Opera | Safari | Android |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |