> For the complete documentation index, see [llms.txt](https://inscada.gitbook.io/ins/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://inscada.gitbook.io/ins/master/user-interface/development/animations/bar.md).

# Bar

Bar tipinde bir animasyon ile mimik ekran üzerinde bir nesnenin en-boy büyüklüklerini değiştirebiliriz. 

## Bar-Tag

Resim 1'de görüldüğü gibi bir mimik ekran üzerindeki bir diktörgen nesnesinin "Percent" isimli bir değişken değerinin 0-100 aralığında oransal olarak dikey olarak boyutlarının değişimini yapılandırıyoruz.

![Resim 1 : Bar-Tag Animasyon](/files/-LkSb1f7AoDb0hZaE85v)

## Bar-Expression

Bar-Tag animasyonundan farklı olarak sadece değişken seçimi ile değil, kullanıcının programlayabildiği işlemler sonucu bir nesnenin boyutlarını değiştirebilirsiniz.

Aşağıda Bar-Expression kısmında yazılabilecek küçük örnekler görülmektedir.

#### Examples

```javascript
var val=ins.getVariableValue("STREAM01_LINE_PRESSURE");
var max=ins.getVariableValue("STREAM01_LINE_PRESSURE_MAX");
var min=ins.getVariableValue("STREAM01_LINE_PRESSURE_MIN");
result=(val/(max-min))*100;    // bar grafiğin değer aralığı ayarlanması
return result;


```

```javascript
var val=ins.getVariableValue("POOL_LEVEL");
return (val/206)*100;  // min=0  ,  max=206 

```