XUL:progressmeter
出典: MDC
« XUL リファレンス HOME [ 例 | 属性 | プロパティ | メソッド | 関連項目 ]
冗長な作業の進捗状態を表示するために使用されるメータ。作業が完了すると、塗りつぶされたバーが描画されます。また、不確定な progressmeter は、mode 属性を undetermined に設定することによって作成されます。これは、作業を完了する時間の長さが事前に分からないときに使用されます。
詳しい情報が XUL チュートリアルにあります。
- 属性
- mode, value
- プロパティ
- accessibleType, mode, value
<progressmeter mode="determined" value="82"/>
<progressmeter mode="undetermined"/>
<!-- マウスがボタン上にある間、モードが切り替わります。 -->
<progressmeter mode="determined" id="myProgress"/>
<button label="例" onmouseover="setLoading(true)"
onmouseout="setLoading(false)"/>
function setLoading(state){
document.getElementById('myProgress').mode =
(state) ? 'undetermined' : 'determined';
}
[編集] 属性
- mode
- 型: 以下の値のいずれか一つ
-
determined な progressmeter は作業にかかる長さが分かる場合に使用します。undetermined な progressmeter は、その長さが分からないときに使用し、一般的に床屋の回転ポールのように描画されます。
-
determined: 進捗メータは、バーを満たす量の決定に value 属性を使用します。
-
undetermined: progressmeter は不確定です。
- value
- 型: integer
- 進捗を示す 0 から 100 までの範囲の整数。value を "0" に設定すると空のバーが表示され、"100" に設定すると完全な長さのバーが表示されます。また "25" に設定すると 1/4 の長さのバーになります。数値の後の文字は無視されます。
|
XUL 要素からの継承
align,
allowevents,
allownegativeassertions,
class,
coalesceduplicatearcs,
collapsed,
container,
containment,
context,
contextmenu,
datasources,
dir,
empty,
equalsize,
flags,
flex,
height,
hidden,
id,
insertafter,
insertbefore,
left,
maxheight,
maxwidth,
menu,
minheight,
minwidth,
mousethrough,
observes,
ordinal,
orient,
pack,
persist,
popup,
position,
preference-editable,
querytype,
ref,
removeelement,
sortDirection,
sortResource,
sortResource2,
statustext,
style,
template,
tooltip,
tooltiptext,
top,
uri,
wait-cursor,
width
|
[編集] プロパティ
- accessibleType
- 型: integer
- 要素の accessibility オブジェクトの種類を示す値。
- mode
- 型: string
- mode 属性の値の取得と設定。
- value
- 型: 文字列
- value 属性の値の取得と設定。
|
XUL 要素からの継承
align,
allowEvents,
boxObject,
builder,
className,
collapsed,
contextMenu,
controllers,
currentItem,
database,
datasources,
dir,
flex,
height,
hidden,
id,
left,
listBoxObject,
maxHeight,
maxWidth,
menu,
minHeight,
minWidth,
observes,
ordinal,
orient,
pack,
persist,
ref,
resource,
statusText,
style,
tooltip,
tooltipText,
top,
value,
width
DOM 要素からの継承
attributes,
childNodes,
cloneNode,
firstChild,
lastChild,
localName,
namespaceURI,
nextSibling,
nodeName,
nodeType,
nodeValue,
ownerDocument,
parentNode,
prefix,
previousSibling,
tagName
|
[編集] メソッド
|
XUL 要素からの継承
blur,
click,
doCommand,
focus,
getElementsByAttribute
DOM 要素からの継承
addEventListener,
appendChild,
dispatchEvent,
getAttribute,
getAttributeNode,
getAttributeNodeNS,
getAttributeNS,
getElementsByTagName,
getElementsByTagNameNS,
hasAttribute,
hasAttributeNS,
hasAttributes,
hasChildNodes,
insertBefore,
isSupported,
normalize,
removeAttribute,
removeAttributeNode,
removeAttributeNS,
removeChild,
removeEventListener,
replaceChild,
setAttribute,
setAttributeNode,
setAttributeNodeNS,
setAttributeNS
|
[編集] 関連項目
- インタフェース
- nsIAccessibleProvider