Kategorien

← View All Tools

Fortschrittsbalken-Generator

Erstellen Sie anpassbare Fortschrittsbalken aus Daten, perfekt zur Anzeige von Abschlussstatus, Rankings oder Vergleichswerten

Daten für die Fortschrittsbalken. Unterstützt JSON-Array oder einfaches Etikett:Wert-Textformat

Titel, der über dem Diagramm angezeigt wird

Farben für Fortschrittsbalken (kommagetrennte Hex-Farben). Leer lassen für Standardfarben.

Höhe von horizontalen Balken oder Breite von vertikalen Balken in Pixeln

Maximalwert für die Fortschrittsskala (leer lassen für automatische Skalierung)

Minimalwert für die Fortschrittsskala

Zielwert zur Anzeige als Referenzlinie

Hintergrundfarbe für den Diagrammcontainer

Prozentwerte auf den Fortschrittsbalken anzeigen

Tatsächliche Werte auf den Fortschrittsbalken anzeigen

Fortschrittsbalken beim Laden animieren

Abgerundete Ecken für Fortschrittsbalken verwenden

Referenzlinie für den Zielwert anzeigen

Wichtige Fakten

Kategorie
Data Visualization
Eingabetypen
textarea, text, select, number, color, checkbox
Ausgabetyp
html
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der Fortschrittsbalken-Generator ermöglicht es Ihnen, aus einfachen Datensätzen visuell ansprechende und hochgradig anpassbare Fortschrittsbalken zu erstellen, um Abschlussstatus, Rankings oder Zielvorgaben übersichtlich darzustellen.

Wann verwenden

  • •Zur Visualisierung des Projektfortschritts oder von Aufgabenlisten.
  • •Um Leistungsdaten oder Rankings in Berichten und Präsentationen zu vergleichen.
  • •Zur Darstellung von Zielerreichungsgraden gegenüber einem definierten Referenzwert.

So funktioniert es

  • •Geben Sie Ihre Daten entweder als JSON-Array oder im einfachen Textformat (Label:Wert) ein.
  • •Wählen Sie die gewünschte Ausrichtung, den Balkenstil und die Farben für Ihre Visualisierung aus.
  • •Passen Sie optionale Parameter wie Maximalwerte, Zielmarkierungen oder Beschriftungen an.
  • •Generieren Sie den Fortschrittsbalken und binden Sie das Ergebnis direkt in Ihre Dokumente ein.

Anwendungsfälle

Erstellung von Dashboards zur Überwachung von Team-KPIs.
Visualisierung von Umfrageergebnissen oder Abstimmungsständen.
Darstellung von Lernfortschritten in E-Learning-Modulen.

Beispiele

1. Projekt-Status-Dashboard

Projektmanager
Hintergrund
Ein Projektmanager muss den Fortschritt von vier verschiedenen Teilprojekten in einem wöchentlichen Meeting präsentieren.
Problem
Die Daten liegen nur als Rohzahlen vor und sollen schnell und professionell visualisiert werden.
Verwendung
Daten im Textformat eingeben, 'horizontal' wählen und 'Abgerundete Balken' aktivieren.
Beispielkonfiguration
chartData: 'Planung:40\nDesign:70\nEntwicklung:50\nTest:20'
Ergebnis
Vier übersichtliche, abgerundete Fortschrittsbalken, die den aktuellen Status der Teilprojekte sofort erkennbar machen.

2. Vertriebs-Ranking

Vertriebsleiter
Hintergrund
Der Vertriebsleiter möchte die monatliche Performance der Mitarbeiter vergleichen.
Problem
Die Leistung soll im Verhältnis zu einem festen Zielwert von 100 Einheiten dargestellt werden.
Verwendung
JSON-Daten eingeben, 'Maximalwert' auf 100 setzen und 'Ziellinie anzeigen' aktivieren.
Beispielkonfiguration
chartData: '[{"label": "Mitarbeiter A", "value": 85}, {"label": "Mitarbeiter B", "value": 95}]', targetValue: 90
Ergebnis
Ein Vergleichsdiagramm, das zeigt, wer das Ziel von 90 Einheiten bereits erreicht oder übertroffen hat.

Mit Samples testen

json, text
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
preferred input family json
json
ELK Stack Log-Analyse Beispiele
Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
preferred input family json
json
QR-Code-Beispiele
Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen
preferred input family json
json
Hex/Unicode Konverter Beispiele
Testbeispiele für Hex- und Unicode-Escapesequenz-Konvertierung
preferred input family json
json

Verwandte Hubs

Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Text-Convert-Tools
Entdecken Sie 80 text-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Tools
Entdecken Sie 43 json-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Text-Tools
Entdecken Sie 33 text-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Datenformate werden unterstützt?

Sie können Daten als JSON-Array oder im einfachen Textformat 'Label:Wert' (z. B. 'Projekt A:80') eingeben.

Kann ich die Farben der Balken individuell anpassen?

Ja, Sie können kommagetrennte Hex-Farbcodes eingeben, um die Balken individuell zu gestalten.

Ist es möglich, einen Zielwert als Linie anzuzeigen?

Ja, aktivieren Sie dazu die Option 'Ziellinie anzeigen' und geben Sie den entsprechenden Zielwert ein.

Können die Balken animiert werden?

Ja, über die Option 'Animierter Fortschritt' können Sie eine Ladeanimation für die Balken aktivieren.

In welchem Format wird das Ergebnis ausgegeben?

Das Tool generiert eine HTML-basierte Visualisierung, die Sie einfach kopieren und verwenden können.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/progress-bar-generator

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
chartData textarea Ja Daten für die Fortschrittsbalken. Unterstützt JSON-Array oder einfaches Etikett:Wert-Textformat
chartTitle text Nein Titel, der über dem Diagramm angezeigt wird
orientation select Nein -
barStyle select Nein -
barColors text Nein Farben für Fortschrittsbalken (kommagetrennte Hex-Farben). Leer lassen für Standardfarben.
barHeight number Nein Höhe von horizontalen Balken oder Breite von vertikalen Balken in Pixeln
maxValue number Nein Maximalwert für die Fortschrittsskala (leer lassen für automatische Skalierung)
minValue number Nein Minimalwert für die Fortschrittsskala
targetValue number Nein Zielwert zur Anzeige als Referenzlinie
backgroundColor color Nein Hintergrundfarbe für den Diagrammcontainer
showPercentage checkbox Nein Prozentwerte auf den Fortschrittsbalken anzeigen
showValues checkbox Nein Tatsächliche Werte auf den Fortschrittsbalken anzeigen
animated checkbox Nein Fortschrittsbalken beim Laden animieren
rounded checkbox Nein Abgerundete Ecken für Fortschrittsbalken verwenden
showTarget checkbox Nein Referenzlinie für den Zielwert anzeigen

Antwortformat

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-progress-bar-generator": {
      "name": "progress-bar-generator",
      "description": "Erstellen Sie anpassbare Fortschrittsbalken aus Daten, perfekt zur Anzeige von Abschlussstatus, Rankings oder Vergleichswerten",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-bar-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]