Fortschritt Kreis Short

2 Alternative Styles

  • 66
  • 66
Hier den Code

[progress_circle value="66" icon="eye-open" style="solid"]Solider Stil[/progress_circle]
[progress_circle value="66" icon="eye-open" style="simple"]Einfacher Stil[/progress_circle]

Custom Colors

  • 38
  • 54
  • 83
Hier den 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"]

All Available Icons

Short Dokumentation

  • Ich würde
    Das id-Attribut gibt eine ID für ein HTML-Element.
    Es muss innerhalb des HTML-Dokuments eindeutig sein.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • Klasse
    Die Klasse Attribut gibt einen Klassennamen für ein HTML-Element.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • value
    0-100 range
  • Symbol
    Verfügbare Optionen:
    Alle Symbole auf Schrift ehrfürchtig Seite? ˅
  • Stil
    Verfügbare Optionen:
    • einfach
    • solide
  • text_color
  • bg_color