# j-MainProgress

> De component is zichtbaar wanneer de waarde meer dan 0 en minder dan 100.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: nl
Content-SHA256: 8b0d31258df95fd56fb1a1cf7dbcfeeb3f8070d22fbf7437cc15f7a4046d5477
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Deze component is singleton.De component wordt zichtbaar wanneer de waarde meer dan `0` En minder dan `100`Data-binding verwacht `Number`.


__Configuratie__:

- `position {String}` optioneel, kan `bottom` zijn (default: `top`)

Gebruik het met `<ui-component name="mainprogress">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

```html example.html
<ui-component name="mainprogress" path="percentage"></ui-component>

<script>
	var percentage = 30;
	setInterval(function() {
		SET('percentage', (Math.random() * 100) >> 0);
	}, 800);
</script>
```