free - WSC 6.2 WSC CKEditor Progress BBCode

Fortschritte anschaulich darstellen: Erstelle individuell gestaltete Fortschrittsbalken direkt im CKEditor – mit Live-Vorschau, Farbauswahl und optionalen Icons.

WSC CKEditor Progress BBCode

CKEditor Progress BBCode – Fortschritte sichtbar machen

Wie weit ist ein Projekt? Wie viel wurde bereits erreicht? Mit CKEditor Progress BBCode stellst du Fortschritte übersichtlich als Balken dar – direkt in den Inhalten deiner WoltLab Suite.

Ein eigener Button im CKEditor öffnet den Generator. Dort legst du Wert und Ziel fest, passt die Darstellung an und siehst das Ergebnis unmittelbar in der Live-Vorschau. Der passende BBCode wird anschließend per Klick eingefügt.

Dein Fortschritt, deine Darstellung

100% Fortschritt
100 % (100 / 100)

Ob dezenter Projektstatus oder auffällige Fortschrittsanzeige: Wähle eine zum WoltLab-Stil passende Farbvariante oder eine von 44 vorgegebenen Katalogfarben. Alternativ übernimmt die wertabhängige Farbgebung: Mit zunehmendem Fortschritt wechselt der Balken über fünf Stufen von Rot über Orange und Gelb bis zu Grün.

Breite und Höhe lassen sich bequem mit Schiebereglern einstellen. Die Breite passt sich dabei an den verfügbaren Platz an. Auch die beiden Enden kannst du unabhängig voneinander rund oder eckig gestalten.

Beschriftung und Icons nach Wunsch

Eine Beschriftung ist optional. Wenn du sie verwendest, stehen sechs Positionen zur Verfügung: oberhalb oder unterhalb des Balkens, jeweils linksbündig, zentriert oder rechtsbündig.

Zusätzlich kannst du Prozentwerte, Wert und Zielwert oder beides anzeigen lassen – innerhalb oder unterhalb des Balkens. Für eine besonders reduzierte Darstellung lässt sich die sichtbare Zahlenanzeige auch ausschalten.

Optional ergänzt ein links oder rechts angehängtes Icon den Balken. Zur Auswahl stehen die in deiner WoltLab Suite verfügbaren Font-Awesome-Icons und Markenlogos mit Suchfunktion.

Kurze Produktvorstellung auf Youtube:

Externer Inhalt youtu.be
Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Die Funktionen im Überblick

  • Eigener CKEditor-Button mit komfortablem Konfigurationsdialog
  • Live-Vorschau, die beim Scrollen durch die Einstellungen sichtbar bleibt
  • Aktueller Wert und Zielwert mit bis zu zwei Nachkommastellen
  • Flexible Zahlenanzeige und optionale Beschriftung
  • Responsive Breite und einstellbare Höhe mit Größen-Voreinstellungen
  • Unabhängig gestaltbare linke und rechte Enden
  • Stilabhängige Farbvarianten, 44 Katalogfarben und automatische Farbstufen
  • Optionale Font-Awesome-Icons und Markenlogos
  • Optionaler Tooltip
  • Native Fortschrittssemantik für assistive Technologien

Voraussetzungen und Hinweise

Das Plugin ist für WoltLab Suite Core 6.2.x vorgesehen.

Wenn die Das Plugin gefällt, unterstütze gerne das 3D-Board mit einem kleinen Obolus. Oder erwerbe die Branding-Free-Version des Plugins um die Weiterentwicklung unserer Lösungen zu unterstützen.

Preis

  • WSC CKEditor Progress BBCode
    EUR 0,00

Alle im Onlineshop angegebenen Preise sind Endpreise in EURO. Die Umsatzsteuer wird aufgrund der Befreiung für Kleinunternehmer (gemäß § 19 Abs. 1 UStG) nicht erhoben.

Weitere Produkte

Aktuell sind keine Kundenrezensionen vorhanden. Seien Sie der Erste, der eine Rezension erstellt!

  • WSC CKEditor Progress BBCode 1.0.0

    • 17. Oktober 2026
    • 20,64 kB

    Erste Release-Version