Build your progress bar
Enter a value from 0 to 100, a label, colors and size, then download the PNG or copy the dynamic URL.
The number moves in the URL, the whole card redraws
A percentage on its own says little: the card around it has to name the goal, the team it belongs to and the date it is measured against. Publish that card from DynaPictures as an image URL, pass the value and the days remaining as named parameters, and the bar, the labels and your brand colors are drawn on request.
How to create a progress bar image
Set the value
Type a number from 0 to 100. It becomes the filled part of the bar and can be shown as a percentage next to the label.
Style it
Choose fill, track and text colors as hex values, type a label such as Sprint 14 and set the width and height in pixels.
Download or copy the URL
Save the PNG, or copy the URL and change value= and label= in it whenever your number moves.
Why use this progress bar generator
Works in Notion
Notion has no native progress bar image; paste the URL as an embed or image block and update the value in the link.
Slack, README and email
Anywhere an image URL loads, including Slack messages, GitHub READMEs and HTML emails, the bar shows the current value.
One parameter to update
Change ?value=40 to ?value=65 and the bar is redrawn; no editing tools, no re-uploading.
Your brand colors
Fill, track and text colors are hex values, so the bar matches your dashboard or newsletter.
Exact size
Set width and height in pixels to fit a Notion column, a table cell or a 600 px email.
How the dynamic progress bar works
Your bar gets an id that stores the colors, label and size. Requesting /tools/d/YOUR-ID.png?value=64 draws the bar with 64 percent filled and returns a PNG, and adding label=Q3%20goal overrides the label. The value is clamped to the 0 to 100 range. In Notion, paste the URL into an image block; in Slack or a README, use the URL directly. Dynamic URLs are capped at 1,000 views or 30 days, the same for every visitor. On the DynaPictures platform you feed the value from a spreadsheet, Zapier, Make or the API, or design your own progress template with icons and text.
Free limits
20 renders per day per visitor. Each dynamic URL serves up to 1,000 views or 30 days, then shows a small upgrade notice.
Automate the value
The DynaPictures platform updates the value from Zapier, Make, an uploaded spreadsheet or the API, using a template of your own.
Parameters
value= from 0 to 100, optional label= as URL-encoded text; colors and size are fixed when you create the bar.
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?value=64&label=Q3%20goal" alt="64%">Frequently asked questions
Create the bar, copy the dynamic URL and paste it into a Notion image block or embed. To update progress, edit the value= number in the link; the image redraws on the next load.