---
title: "İlerleme göstergeleri ve yükleyiciler"
description: "Flow içinde adım ilerlemesini ve meşgul durumlarını gösterin."
---

**Progress** kategorisi iki element türü sunar: çok ekranlı bir flow'da adım tabanlı ilerleme için bir tür ve yerinde meşgul göstergeleri için bir tür.
## İlerleme göstergeleri \{#progress-indicators\}

### Gösterge stilleri \{#indicator-styles\}

**Progress** öğesi, kullanıcının çok ekranlı bir flow içindeki konumunu gösterir. Bu kategori üç görsel varyant sunar:

- **Linear** — Kullanıcı ilerledikçe dolan tek bir çubuk.
- **Segmented** — Her adım için ayrı ayrı dolan çubuklar.
- **Connectors** — Çizgilerle birbirine bağlı etiketli daireler (örneğin sırayla Adım 1, Adım 2, Adım 3).
### Adımları ekranlarla eşleştirme \{#match-steps-to-screens\}

Varsayılan olarak İlerleme Göstergesi, flow'daki tüm ekranları izler. Bunu belirli bir alt kümeyle sınırlamak için **Screens** açılır menüsünden seçim yapın. Alternatif olarak, dışarıda bırakmak istediğiniz ekranı açıp **Include screen in progress indicator** onay kutusunun işaretini kaldırın.

Adım sayısı üzerinde daha ayrıntılı kontrol gerekiyorsa **One segment per screen** geçişini kapatın.
:::warning
Adım pozisyonu, kullanıcının gerçekte gördüğü sırayı değil, ekran listesini takip eder. Doğrusal olmayan flow'larda göstergenin görüntülenen adımı ileri atlayabilir ya da geri dönebilir.
:::
### Adım durumları \{#step-states\}

Her adımın üç durumu vardır — **Completed**, **Current** ve **Upcoming**. Bir durumun stilini sağ panelde düzenlemek için Progress Indicator içindeki bir adımı seçin. Düzenlemelerinizi diğer iki duruma kopyalamak için **Apply changes to all states** seçeneğini kullanın.

Bir adımı düzenlemek, aynı göstergedeki tüm adımları etkiler.
## Yükleyiciler \{#loaders\}

**Yükleyici**, bir işlemin sürdüğünü bildiren animasyonlu bir öğedir; örneğin kullanıcının quiz yanıtlarının kişiselleştirilmiş bir plan hazırlamak üzere işlenmesi gibi.

Kategoride üç şablon bulunur:

- **Spinner** — Dönen dairesel bir simge.
- **Spinner with label** — Açıklamalı dönen dairesel bir simge (örneğin, "Yükleniyor...").
- **Loader** — İşlem ilerledikçe dolup biten yatay bir çubuk.
{/* - **Loader with label** — A horizontal bar with a caption and percentage (e.g., "Analyzing... 47%"). */}
:::warning
Bir yükleyicinin görünmesi ve kaybolması için bir **tetikleyici** gerekir. Bu mantığı ayarlamak için **Interactions** sekmesini açın — örneğin, kullanıcı bir quiz gönderdikten sonra gösterin.
:::