Progress Generator

Examples

These are the default templates. You can adjust values and styles in real time inside the generator.

Generate text

  1. Enter the current and total progress on the home page
  2. Choose a text template
  3. Click "Copy text" and paste it anywhere

Generate image

  1. Switch to "Image progress"
  2. Choose an image template
  3. Click "Download image" to export a PNG

Embed on a website (Pro)

View pricing

Pro users can click "Generate embed link" on the right side of the home page to get a public URL.

IFRAME example
<iframe
  src="https://shareprogress.cc/embed/<id>"
  style="border:0;width:100%;max-width:520px;height:220px"
  loading="lazy"
></iframe>

If you need more control over the UI, request /api/progress/<id> for JSON and render it yourself.

Text templates

These are the default templates. You can adjust values and styles in real time inside the generator.

Simple text
5 / 10 (50%)
Percent first
50% complete
Character bar
█████░░░░░ 50%
Dots
●●●●●○○○○○ 50%
Heart
❤️❤️❤️❤️❤️🤍🤍🤍🤍🤍 50%
Emoji
🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜ 50%
Arrow
→→→→→····· 50%
Fraction
5/10 (half)

Image templates

These are the default templates. You can adjust values and styles in real time inside the generator.

Bar
Pill
Ring
Badge
Minimal
Gradient
Segmented