path: root/files/pl/mozilla/tech/xul/progressmeter/index.html

---
title: progressmeter
slug: Mozilla/Tech/XUL/progressmeter
tags:
  - Dokumentacja_XUL
  - Elementy_XUL
translation_of: Archive/Mozilla/XUL/progressmeter
---
<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs">
 « <a href="/pl/docs/Dokumentacja_XUL">Dokumentacja XUL</a>    [
 <a href="#Przyk.C5.82ady">Przykłady</a> |
 <a href="#Atrybuty">Atrybuty</a> |
 <a href="#W.C5.82asno.C5.9Bci">Własności</a> |
 <a href="#Metody">Metody</a> |
 <a href="#Podobne">Podobne</a> ]
</span></div> <p>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 <code>progressmeter</code> można utworzyć ustawiając atrybut <code id="a-mode"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/mode">mode</a></code> na wartość <code>undetermined</code>. Jest stosowany wtedy, gdy długość czasu zakończenia operacji nie jest znany wcześniej.
</p><p>Dodatkowe informacje są dostępne w <a href="pl/Kurs_XUL/Paski_post%c4%99pu">kursie XUL</a>.
</p>
<dl><dt> Atrybuty
</dt><dd> <a href="#a-progressmeter.mode">mode</a>, <a href="#a-value">value</a>
</dd></dl>
<dl><dt> Własności
</dt><dd> <a href="#p-accessible">accessible</a>, <a href="#p-mode">mode</a>, <a href="#p-value">value</a>
</dd></dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3>
<div class="float-right"><img alt="grafika:XUL_ref_progress.png"></div>
<pre>&lt;progressmeter mode="determined" value="82"/&gt;
&lt;progressmeter mode="undetermined"/&gt;
</pre>
<pre>&lt;!-- switching modes - eg on an ajax call, but in this example with a mouseover the button --&gt;
&lt;progressmeter mode="determined" id="myProgress"/&gt;
&lt;button label="Example"  onmouseover="setLoading(true)" onmouseout="setLoading(false)"/&gt;
function setLoading(state){
    document.getElementById('myProgress').mode = (state) ? 'undetermined' : 'determined';
}
</pre>
<h3 id="Atrybuty" name="Atrybuty"> Atrybuty </h3>
<p></p><div id="a-progressmeter.mode">

<dl><dt> <a href="pl/XUL/Atrybut/progressmeter.mode">mode</a>
</dt><dd> Typ: <i>jedna z wartości poniżej</i>
</dd><dd> <code>determined</code> czyli określony <code><a href="/pl/docs/Mozilla/Tech/XUL/progressmeter" title="progressmeter">progressmeter</a></code> możemy zastosować w przypadku, gdzie znamy długość operacji jaka jest wykonywana. <code>undetermined</code> czyli nieokreślony <code><a href="/pl/docs/Mozilla/Tech/XUL/progressmeter" title="progressmeter">progressmeter</a></code> 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. <span class="comment">'''as a spinning barber pole.'''</span>
</dd></dl>
<ul><li> <code>determined</code>: Stosujemy do określania wartości (liczby) atrybutu paska postępu określonego, która jest następnie wyświetlona. </li><li> <code>undetermined</code>: Pasek postępu jest nieokreślony.
</li></ul>
<p><br>
</p>


</div>
<div id="a-progressmeter.value">

<dl><dt> <a href="pl/XUL/Atrybut/progressmeter.value">value</a>
</dt><dd> Typ: <i>integer</i>
</dd><dd> 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. </dd></dl>
<p><br>
</p>


</div>
<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);">
<tbody>
<tr>
<td><p><strong>Dziedziczy z elementu XUL</strong><br> <small>
<code id="a-align"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/align">align</a></code>,
<code id="a-allowevents"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/allowevents">allowevents</a></code>,
<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/allownegativeassertions">allownegativeassertions</a></code>,
<code id="a-class"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/class">class</a></code>,
<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/coalesceduplicatearcs">coalesceduplicatearcs</a></code>,
<code id="a-collapsed"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/collapsed">collapsed</a></code>,
<code id="a-container"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/container">container</a></code>,
<code id="a-containment"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/containment">containment</a></code>,
<code id="a-context"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/context">context</a></code>,
<code id="a-contextmenu"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/contextmenu">contextmenu</a></code>,
<code id="a-datasources"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/datasources">datasources</a></code>,
<code id="a-dir"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/dir">dir</a></code>,
<code id="a-empty"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/empty">empty</a></code>,
<code id="a-equalsize"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/equalsize">equalsize</a></code>,
<code id="a-flags"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/flags">flags</a></code>,
<code id="a-flex"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/flex">flex</a></code>,
<code id="a-height"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/height">height</a></code>,
<code id="a-hidden"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/hidden">hidden</a></code>,
<code id="a-id"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/id">id</a></code>,
<code id="a-insertafter"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/insertafter">insertafter</a></code>,
<code id="a-insertbefore"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/insertbefore">insertbefore</a></code>,
<code id="a-left"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/left">left</a></code>,
<code id="a-maxheight"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/maxheight">maxheight</a></code>,
<code id="a-maxwidth"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/maxwidth">maxwidth</a></code>,
<code id="a-menu"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/menu">menu</a></code>,
<code id="a-minheight"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/minheight">minheight</a></code>,
<code id="a-minwidth"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/minwidth">minwidth</a></code>,
<code id="a-mousethrough"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/mousethrough">mousethrough</a></code>,
<code id="a-observes"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/observes">observes</a></code>,
<code id="a-ordinal"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/ordinal">ordinal</a></code>,
<code id="a-orient"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/orient">orient</a></code>,
<code id="a-pack"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/pack">pack</a></code>,
<code id="a-persist"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/persist">persist</a></code>,
<code id="a-popup"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/popup">popup</a></code>,
<code id="a-position"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/position">position</a></code>,
<code id="a-preference-editable"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/preference-editable">preference-editable</a></code>,
<code id="a-querytype"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/querytype">querytype</a></code>,
<code id="a-ref"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/ref">ref</a></code>,
<code id="a-removeelement"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/removeelement">removeelement</a></code>,
<code id="a-sortDirection"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/sortDirection">sortDirection</a></code>,
<code id="a-sortResource"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/sortResource">sortResource</a></code>,
<code id="a-sortResource2"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/sortResource2">sortResource2</a></code>,
<code id="a-statustext"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/statustext">statustext</a></code>,
<code id="a-style"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/style">style</a></code>,
<code id="a-template"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/template">template</a></code>,
<code id="a-tooltip"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/tooltip">tooltip</a></code>,
<code id="a-tooltiptext"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/tooltiptext">tooltiptext</a></code>,
<code id="a-top"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/top">top</a></code>,
<code id="a-uri"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/uri">uri</a></code>,
<code id="a-wait-cursor"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/wait-cursor">wait-cursor</a></code>,
<code id="a-width"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/width">width</a></code> </small></p>
</td>
</tr>
</tbody>
</table>
<p></p>
<h3 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci"> Własności </h3>
<p></p><div id="p-accessible">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/accessible">accessible</a></span></code></dt>
 <dd>
  Typ:
  <i>
   <a href="pl/NsIAccessible">nsIAccessible</a></i>
 </dd>
 <dd>
  Zwraca obiekt dostępności dla elementu.</dd>
</dl></div>
<div id="p-mode">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/mode">mode</a></span></code></dt>
 <dd>
  Typ:
  <i>
   string</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-mode"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/mode">mode</a></code>.</dd>
</dl></div>
<div id="p-value">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/value">value</a></span></code></dt>
 <dd>
  Typ:
  <i>
   string</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-value"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/value">value</a></code>.</dd>
</dl></div>
<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Dziedziczy z elementu XUL</strong><br> <small> <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/width">width</a></span></code></small></p> </td> </tr> </tbody>
</table>
<p></p>
<h3 id="Metody" name="Metody"> Metody </h3>
<p></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Dziedziczy z elementu XUL</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Dziedziczy z elementu DOM</strong><br> <small> <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody>
</table>
<p></p>
<h3 id="Podobne" name="Podobne"> Podobne </h3>
<dl><dt> Interfejsy
</dt><dd> <a href="pl/NsIAccessibleProvider">nsIAccessibleProvider</a>
</dd></dl>
<div class="noinclude">
</div>