Progress Circle Shortcodes

2 Alternative Styles

  • 66
  • 66
Verkrijg de code

[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
Verkrijg de code

[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"]

Alle beschikbare pictogrammen

Shortcode documentatie

  • ID kaart
    Het id-kenmerk specificeert een id voor een HTML-element.
    Het moet uniek zijn binnen het HTML-document.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • klasse
    Het class attribuut specificeert een class naam voor een HTML element.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • value
    0-100 range
  • icoon
    Beschikbare opties:
    Alle pictogrammen zijn beschikbaar op Lettertype Awesome site
  • style
    Beschikbare opties:
    • simple
    • solid
  • tekst kleur
  • bg_color