# Folyamatjelző sáv widget

> Animált folyamatjelző sáv: cím, százalék, belső szöveg és stílusbeállítások.

A **Folyamatjelző sáv** widget teljesen formázható, animált folyamatjelző sávot ad az oldalhoz.

## Tartalom fül

![A Folyamatjelző sáv widget Tartalom füle: Cím, Cím HTML-címkéje, Százalék és Belső szöveg](./kepek/widgetek-folyamatjelzo-tartalom.webp)

*A Folyamatjelző sáv widget Tartalom füle: Cím, Cím HTML-címkéje, Százalék és Belső szöveg* (https://minta-bolt.hu/wp-admin/post.php?post=72&action=elementor)

A képen a **Cím**, a **Cím HTML-címkéje**, a **Cím megjelenítése**, a **Százalék**, a **Százalék megjelenítése** és a **Belső szöveg** beállítás látszik.

| Beállítás | Mit csinál |
|---|---|
| **Cím** | A sáv fölött megjelenő szöveg |
| **Cím HTML-címkéje** | A cím címkéje: **H1**-**H6**, **p**, **span** vagy **div**. A fejléc-címkék segítik a keresőket a sáv megértésében |
| **Cím megjelenítése** | A cím megjelenítése vagy elrejtése |
| **Százalék** | A teljesítés százaléka |
| **Százalék megjelenítése** | A százalékszám megjelenítése vagy elrejtése a sáv végén |
| **Belső szöveg** | A sávon belül megjelenő szöveg |

## Stílus fül

![A Folyamatjelző sáv widget Stílus füle: Cím, Százalék és Belső szöveg szekciók](./kepek/widgetek-folyamatjelzo-stilus.webp)

*A Folyamatjelző sáv widget Stílus füle: Cím, Százalék és Belső szöveg szekciók* (https://minta-bolt.hu/wp-admin/post.php?post=72&action=elementor)

A képen a **Cím**, a **Százalék** és a **Belső szöveg** szekció látszik.

| Szekció | Beállítás | Mit csinál |
|---|---|---|
| **Százalék** | **Szín** | A sáv színe |
| **Százalék** | **Háttérszín** | A sáv hátterének színe |
| **Belső szöveg** | **Szín** | A sávon belüli szöveg színe |
| **Cím** | **Szöveg színe** | A sáv fölötti cím színe |
| **Cím** | **Tipográfia** | A cím tipográfiai beállításai |

A **Százalék** szekcióban a **Magasság** és a **Sarkok lekerekítése** is állítható; a **Belső szöveg** és a **Cím** szekcióban a **Tipográfia** és a **Szövegárnyék** is. A tipográfiáról lásd: [Betűtípus, méret és szín](https://hub.hellowp.io/hu/plugins/elementor/stilus-betutipus-meret-es-szin/).

## Haladó fül

A **Haladó** fülön a widget helyét, térközeit és egyedi kódját állíthatod. Lásd: [Haladó fül](https://hub.hellowp.io/hu/plugins/elementor/stilus-halado-ful/).

## Az eredmény az oldalon

![Az oldalon az „Elkészült rendelések” folyamatjelző sáv](./kepek/widgetek-ikonok-es-kepek-elol.webp)

*Az oldalon az „Elkészült rendelések” folyamatjelző sáv* (https://minta-bolt.hu/widget-demo-4/)

A képen a kép alatt a cím és a sáv látszik.