Generates a dynamic progress bar image (SVG) using Python, which is deployed freely via Vercel.
Inspired by .
Dynamic Star Rating -
This service is deployed on Vercel and accessible via the domain progress-bar.xyz.
| Parameter | Description | Default Value |
|---|---|---|
title |
Adds a title to the progress bar | None |
scale |
The maximum value that the progress bar represents | 100 |
prefix |
A string to add before the progress number | None |
suffix |
A string to add after the progress number | % |
width |
The width of the progress bar in pixels | 100 |
color |
The color of the progress bar (hex code without #) |
00ff00 (green) |
progress_background |
The background color of the progress bar (hex code without #) |
ffffff (white) |
progress_number_color |
The color of the progress number (hex code without #) |
000000 (black) |
progress_color |
The color of the progress bar (hex code without #) |
Depends on percentage |
show_text |
If should display or hide the progress text | true |
style |
The style. One of: default, flat, square, plastic, for-the-badge |
default |
Below are several examples showcasing different ways to generate progress bars.
We currently have flat (default), square and plastic styles:
| Example Preview | URL |
|---|---|
| https://progress-bar.xyz/100/?style=flat | |
| https://progress-bar.xyz/100/?style=square | |
| https://progress-bar.xyz/100/?style=plastic |
You can deploy this project to Vercel with a single click:
This project is open-source and available under the MIT License.