Baue deinen Fortschrittsbalken
Gib einen Wert von 0 bis 100, eine Beschriftung, Farben und Größe ein und lade das PNG herunter oder kopiere die dynamische URL.
Der Wert wandert in die URL, die Karte zeichnet sich neu
Eine Prozentzahl allein sagt wenig: Die Karte drumherum muss das Ziel benennen, das zuständige Team und das Datum, an dem gemessen wird. Veröffentliche diese Karte mit DynaPictures als Bild-URL und übergib Wert und Resttage als benannte Parameter, dann entstehen Balken, Beschriftung und Markenfarben bei jedem Abruf.
So erstellst du ein Fortschrittsbalken-Bild
Wert setzen
Tippe eine Zahl von 0 bis 100 ein. Sie wird zum gefüllten Teil des Balkens und kann als Prozentwert neben der Beschriftung stehen.
Gestalten
Wähle Füll-, Hintergrund- und Textfarbe als Hex-Werte, tippe eine Beschriftung wie Sprint 14 ein und lege Breite und Höhe in Pixeln fest.
Herunterladen oder URL kopieren
Speichere das PNG oder kopiere die URL und ändere darin value= und label=, sobald sich deine Zahl bewegt.
Warum dieser Fortschrittsbalken-Generator
Funktioniert in Notion
Notion hat kein eigenes Fortschrittsbalken-Bild; füge die URL als Embed oder Bildblock ein und aktualisiere den Wert im Link.
Slack, README und E-Mail
Überall, wo eine Bild-URL lädt, also in Slack-Nachrichten, GitHub-READMEs und HTML-E-Mails, zeigt der Balken den aktuellen Wert.
Nur ein Parameter
Ändere ?value=40 zu ?value=65 und der Balken wird neu gezeichnet; kein Bildbearbeitungstool, kein erneuter Upload.
Deine Markenfarben
Füll-, Hintergrund- und Textfarbe sind Hex-Werte, der Balken passt also zu deinem Dashboard oder Newsletter.
Exakte Größe
Lege Breite und Höhe in Pixeln fest, passend für eine Notion-Spalte, eine Tabellenzelle oder eine 600 px breite E-Mail.
So funktioniert der dynamische Fortschrittsbalken
Dein Balken bekommt eine ID, in der Farben, Beschriftung und Größe gespeichert sind. Ein Abruf von /tools/d/YOUR-ID.png?value=64 zeichnet den Balken zu 64 Prozent gefüllt und liefert ein PNG, und label=Q3%20Ziel überschreibt die Beschriftung. Der Wert wird auf den Bereich 0 bis 100 begrenzt. In Notion fügst du die URL in einen Bildblock ein; in Slack oder einem README nutzt du die URL direkt. Dynamische URLs sind auf 1.000 Aufrufe oder 30 Tage begrenzt, bei jedem Besucher gleich. Auf der DynaPictures-Plattform speist du den Wert aus einer Tabelle, Zapier, Make oder der API oder gestaltest eine eigene Fortschrittsvorlage mit Icons und Text.
Kostenlose Limits
20 Renderings pro Tag und Besucher. Jede dynamische URL liefert bis zu 1.000 Aufrufe oder 30 Tage, danach erscheint ein kleiner Upgrade-Hinweis.
Wert automatisieren
Die DynaPictures-Plattform aktualisiert den Wert über Zapier, Make, eine hochgeladene Tabelle oder die API, mit einer eigenen Vorlage.
Parameter
value= von 0 bis 100, optional label= als URL-kodierter Text; Farben und Größe stehen fest, sobald du den Balken erstellt hast.
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?value=64&label=Q3%20goal" alt="64%">Häufige Fragen
Erstelle den Balken, kopiere die dynamische URL und füge sie in einen Notion-Bildblock oder ein Embed ein. Zum Aktualisieren änderst du die Zahl hinter value= im Link; das Bild wird beim nächsten Laden neu gezeichnet.