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.

Elysia Tools

Mobile Navigation

Data Visualization

Fortschrittsbalken-Generator

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

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Eingaben

Optionen sind gruppiert, damit lange Formulare übersichtlich bleiben.

15 Optionen

InhaltHaupteingaben einfügen oder eingeben.3

DiagrammdatentextareaPflichtDaten für die Fortschrittsbalken. Unterstützt JSON-Array oder einfaches Etikett:Wert-TextformatDiagrammtiteltextOptionales FeldTitel, der über dem Diagramm angezeigt wirdBalkenfarbentextOptionales FeldFarben für Fortschrittsbalken (kommagetrennte Hex-Farben). Leer lassen für Standardfarben.

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.7

AusrichtungselectOptionales FeldBalkenstilselectOptionales FeldBalkenhöhe (Horizontal) / Breite (Vertical)numberOptionales FeldHöhe von horizontalen Balken oder Breite von vertikalen Balken in PixelnMaximalwertnumberOptionales FeldMaximalwert für die Fortschrittsskala (leer lassen für automatische Skalierung)MinimalwertnumberOptionales FeldMinimalwert für die FortschrittsskalaZielwertnumberOptionales FeldZielwert zur Anzeige als ReferenzlinieHintergrundfarbecolorOptionales FeldHintergrundfarbe für den Diagrammcontainer

SchalterOptionales Verhalten aktivieren oder deaktivieren.5

Prozente anzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltProzentwerte auf den Fortschrittsbalken anzeigenWerte anzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltTatsächliche Werte auf den Fortschrittsbalken anzeigenAnimierter FortschrittcheckboxOptionales FeldAktiviert, wenn ausgewähltFortschrittsbalken beim Laden animierenAbgerundete BalkencheckboxOptionales FeldAktiviert, wenn ausgewähltAbgerundete Ecken für Fortschrittsbalken verwendenZiellinie anzeigencheckboxOptionales FeldAktiviert, wenn ausgewähltReferenzlinie für den Zielwert anzeigen

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Fortschrittsbalken-Generator

Dieses Tool ausführen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Projekt-Status-Dashboard

2. Vertriebs-Ranking

FAQ

QR-Code-Beispiele

ELK Stack Log-Analyse Beispiele

Grafana Fortgeschrittene Anwendungsbeispiele

Distributed Tracing Beispiele

Donut-Diagramm-Generator

Trichter-Diagramm-Generator

Piktogramm-Generator

Radardiagramm-Generator

Diagramm- und Grafikgeneratoren

Tools fur JSON-Austausch und Format-Ubersetzung

Textfall-, Encoding- und Normalisierungs-Konvertierungs-Tools

Werkzeuge fur JSON-Inspektion, Diff und Transformation