Shortcode del cerchio di progresso

2 Stili alternativi

  • 66
  • 66
Ottieni il codice

[progress_circle value="66" icon="eye-open" style="solid"]Solid Style[/progress_circle]
[progress_circle value="66" icon="eye-open" style="simple"]Simple Style[/progress_circle]

Custom Colors

  • 38
  • 54
  • 83
Ottieni il codice

[progress_circle value="38" icon="pencil" text_color="#ffffff" bg_color="#9b59b6" style="solid"]
[progress_circle value="54" icon="hand-right" text_color="#ffffff" bg_color="#00c6ff" style="solid"]
[progress_circle value="83" icon="fighter-jet" text_color="#ffffff" bg_color="#00b976" style="solid"]

Tutte le icone disponibili

Shortcode documentation

  • ID
    L'attributo id specifica un id per un elemento HTML.
    Deve essere univoco all'interno del documento HTML.
    (Principalmente per scopi di stile/script aggiuntivi)
  • classe
    L'attributo class specifica un nome di classe per un elemento HTML.
    (Principalmente per scopi di stile/script aggiuntivi)
  • value
    0-100 range
  • icona
    Opzioni disponibili:
    Tutte le icone disponibili su Carattere fantastico posto
  • stile
    Opzioni disponibili:
    • semplice
    • solid
  • text_color
  • bg_color