Skip to content

Commit a3ab675

Browse files
Added the Plastic Style (#50)
* initial commit * increased radius in plastic type * improved the gloss a little bit * Removed debug * Added plastic style to readme * fixed the shadow clipping
1 parent 082bac5 commit a3ab675

File tree

3 files changed

+54
-3
lines changed

3 files changed

+54
-3
lines changed

README.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -59,12 +59,13 @@ Below are several examples showcasing different ways to generate progress bars.
5959

6060
## Styles
6161

62-
We currently have `flat` (default) and `square` styles:
62+
We currently have `flat` (default), `square` and `plastic` styles:
6363

6464
| Example Preview | URL |
6565
|---------------------------------------------------------------------------------|------------------------------------------------------------------------------------------|
6666
| ![Progress](https://progress-bar.xyz/100/?style=flat) | [https://progress-bar.xyz/100/?style=flat](https://progress-bar.xyz/100/?style=flat) |
6767
| ![Progress](https://progress-bar.xyz/100/?style=square) | [https://progress-bar.xyz/100/?style=square](https://progress-bar.xyz/100/?style=square) |
68+
| ![Progress](https://progress-bar.xyz/100/?style=plastic) | [https://progress-bar.xyz/100/?style=plastic](https://progress-bar.xyz/100/?style=plastic) |
6869

6970
---
7071

app.py

+6-1
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,12 @@ def get_style_fields(style):
7272
"show_shadow": False,
7373
},
7474
"plastic": {
75-
#
75+
"border_radius": 5,
76+
"title_color": "555",
77+
"progress_color": "91bc13", # Greenish color for a plastic look
78+
"progress_background": "ECEFF1", # Light background to enhance contrast
79+
"show_shadow": True,
80+
"gloss": True, # Adding a gloss effect for plastic
7681
},
7782
"for-the-badge": {
7883
#

templates/progress.svg

+46-1
Loading

0 commit comments

Comments
 (0)