# j-ScrollPercentage

> Az összetevőt az elemhez kell csatlakoztatni, amely egy csavartartalomként lesz.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: hu
Content-SHA256: 9a74d4031b37a9c82107cfc5fc664e14a97ad5004166a1d87db15c3162776f5b
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Az összetevőt az elemhez kell csatlakoztatni, amely egy csavartartályként lesz.Az egész ablakhoz használja a `body` elemet.


__konfiguráció__:

- `exec {String}` A globális funkcióhoz való hivatkozás, amely elvégezhető, ha az arány megváltozik

__FONTOS: ha a `exec` nem határozza meg, akkor az összetevő a `path` értéknek megfelelően köt egy értéket.

Használja a `<ui-component name="scrollpercentage">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```html example.html
<ui-bind path="common.scroll" config="exec div:myProgress" style="border: 1px solid #D0D0D0;padding:2px" class="block"><div style="height:10px;background-color:#79B34C"></div></ui-bind>
<br />
<ui-component name="scrollpercentage" path="common.scroll" style="height:400px;overflow-y:scroll">
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
	<div>Text</div>
</ui-component>

<script>
	function myProgress(value, path, el) {
		el.css('width', value + '%');
	}
</script>
```