XUL:progressmeter

z Mozilla Developer Center, polskiego centrum programistów Mozilli.

« Dokumentacja XUL [ Przykłady | Atrybuty | Własności | Metody | Podobne ]

Pasek postępu, który możemy zastosować do wyświetlenia postępu długości operacji. Jest to rysowany pasek, który jest wypełniany w miarę jak operacja jest zakończona. W dodatku nieokreślony progressmeter można utworzyć ustawiając atrybut mode na wartość undetermined. Jest stosowany wtedy, gdy długość czasu zakończenia operacji nie jest znany wcześniej.

Dodatkowe informacje są dostępne w kursie XUL.

Atrybuty: mode, value

Własności: accessible, mode, value

[edytuj] Przykłady

<progressmeter mode="determined" value="82"/>
<progressmeter mode="undetermined"/>

<!-- switching modes - eg on an ajax call, but in this example with a mouseover the button -->
<progressmeter mode="determined" id="myProgress"/>
<button label="Example"  onmouseover="setLoading(true)" onmouseout="setLoading(false)"/>
function setLoading(state){
    document.getElementById('myProgress').mode = (state) ? 'undetermined' : 'determined';
}

[edytuj] Atrybuty

mode: Typ: jedna z wartości poniżej; determined czyli określony progressmeter możemy zastosować w przypadku, gdzie znamy długość operacji jaka jest wykonywana. undetermined czyli nieokreślony progressmeter możemy zastosować do do operacji, w której nie możemy określić czasu jej przebiegu i zazwyczaj będzie wyświetlony jako słupek.

determined: Stosujemy do określania wartości (liczby) atrybutu paska postępu określonego, która jest następnie wyświetlona.
undetermined: Pasek postępu jest nieokreślony.

value: Typ: integer; Zakres liczbowy od 0 do 100, który wyświetla postęp. Dla przykładu, ustaw wartość na "0", która pokaże pusty pasek. Natomiast ustawiając wartość na "100" zobaczymy wypełnienie całej długości paska, a wartość ustawiona na "25" zajmie jedną czwartą paska. Znaki po liczbie są ignorowane.

Dziedziczy z elementu 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, ref, removeelement, sortDirection, sortResource, sortResource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width