anmol098 · ok-coder1 · Aug 3, 2026 · May 9, 2026 · May 9, 2026 · May 9, 2026
diff --git a/.env.example b/.env.example
@@ -25,5 +25,12 @@ INPUT_UPDATED_DATE_FORMAT=%d/%m/%Y %H:%M:%S
 INPUT_COMMIT_BY_ME=True
 INPUT_COMMIT_MESSAGE=Updated with Dev Metrics
 INPUT_COMMIT_SINGLE=True
+INPUT_BADGE_STYLE=flat
+INPUT_BAR_STYLE=text
+INPUT_BAR_COLOR=#90CAF9
+INPUT_BAR_TRACK_COLOR=#172f45
+INPUT_TEXT_PRIMARY_COLOR=#c9d1d9
+INPUT_TEXT_SECONDARY_COLOR=#8b949e
+INPUT_BAR_RADIUS=0
 INPUT_DEBUG_LOGGING=True
 DEBUG_RUN=True
diff --git a/README.md b/README.md
@@ -326,6 +326,57 @@ The `SYMBOL_VERSION` flag can be set for the symbol for the progress bar (defaul
 |    2    |      ⣿     |       ⣀     |
 |    3    |      ⬛    |       ⬜    |
 
+**SVG Progress Bars**
+
+You can switch from Unicode text bars to colorful SVG bars with the following flags:
+
+- `BAR_STYLE` — Set to `"svg"` to enable SVG bars, or `"text"` (default) for Unicode bars
+- `BAR_COLOR` — Hex color for the filled portion (default: `"#90CAF9"` light blue)
+- `BAR_TRACK_COLOR` — Hex color for the background track (default: `"#172f45"` dark blue)
+- `BAR_RADIUS` — Border radius for rounded corners (default: `"0"` for square)
+  - `"0"` = Sharp square edges
+  - `"4"` = Subtle rounded corners
+  - Any positive integer works
+- `TEXT_PRIMARY_COLOR` — Hex color for primary SVG list text such as language/project names (default: `"#c9d1d9"`)
+- `TEXT_SECONDARY_COLOR` — Hex color for secondary SVG list text such as times and percentages (default: `"#8b949e"`)
+
+Example workflow with SVG bars enabled:
+
+```yaml
+- uses: anmol098/waka-readme-stats@master
+  with:
+    WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
+    GH_TOKEN: ${{ secrets.GH_TOKEN }}
+    BAR_STYLE: "svg"
+    BAR_COLOR: "#90CAF9"
+    BAR_TRACK_COLOR: "#172f45"
+    BAR_RADIUS: "4"
+    TEXT_PRIMARY_COLOR: "#c9d1d9"
+    TEXT_SECONDARY_COLOR: "#8b949e"
+```
+
+**Before / after**
+
+Default Unicode bars (`BAR_STYLE: "text"`, or omitting `BAR_STYLE`):
+
+```text
+Vue          8 repos        ██████░░░░░░░░░░░░░░░░░░░   25.0%
+Java         6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+JavaScript   6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+PHP          3 repos        ██░░░░░░░░░░░░░░░░░░░░░░░   9.38%
+Python       2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+Dart         2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+CSS          2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+```
+
+SVG bars, square corners (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, default `BAR_COLOR` / `BAR_TRACK_COLOR`):
+
+![SVG progress bars (square)](https://i.imgur.com/eShKuJH.png)
+
+SVG bars, rounded corners (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`):
+
+![SVG progress bars (rounded)](https://i.imgur.com/dYOgG6I.png)
+
 The `DEBUG_LOGGING` flag can be set to increase the GitHub Action's output verbosity, The default is the internal runner's debug property.
 The `BADGE_STYLE` flag defines the style for the generated badges and can be set to `flat`, `flat-square`, `plastic`, `for-the-badge`, or `social`.
 |    Badge Style    |                                             Preview                                               |
@@ -375,6 +426,7 @@ Please share any features, and add unit tests! Use the pull request and issue sy
 10. [Arnav Jindal](https://github.com/Daggy1234): For Pull Request [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
 11. [Daniel Rowe](https://github.com/DanRowe): For Pull Request [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
 12. [Ss5h](https://github.com/tlatkdgus1): For adding support for natural sentence writing for translation [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
+13. [acheronx0577](https://github.com/acheronx0577): For adding SVG progress bar support with color and shape options [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
 
 <details>
 
@@ -520,6 +572,8 @@ Please share any features, and add unit tests! Use the pull request and issue sy
 
 - [DataBoySu](https://github.com/DataBoySu)
 
+- [AcheronX.](https://github.com/acheronx0577)
+
 </details>
 
 - And you! If ever you are using it right now and you are not on the list please tell us by sending a [Special Mention](https://github.com/anmol098/waka-readme-stats/issues/new/choose) issue! :blush: \

diff --git a/action.yml b/action.yml
@@ -177,6 +177,36 @@ inputs:
     description: "Whether to override repository .gitignore file while committing the assets"
     default: "False"
 
+  BAR_STYLE:
+    required: false
+    description: "Whether the bar should be SVG or Unicode text"
+    default: "text"
+
+  BAR_COLOR:
+    required: false
+    description: "Hex color for the filled portion of the SVG bar"
+    default: "#90CAF9"
+
+  BAR_TRACK_COLOR:
+    required: false
+    description: "Hex color for the background track of the SVG bar"
+    default: "#172F45"
+
+  BAR_RADIUS:
+    required: false
+    description: "Border radius for rounded corners of the SVG bar"
+    default: "0"
+
+  TEXT_PRIMARY_COLOR:
+    required: false
+    description: "Hex color for primary SVG list text (e.g. language names)"
+    default: "#c9d1d9"
+
+  TEXT_SECONDARY_COLOR:
+    required: false
+    description: "Hex color for secondary SVG list text (e.g. times, percentages)"
+    default: "#8b949e"
+
   DEBUG_LOGGING:
     required: false
     description: "Whether to enable action debug logging"

diff --git a/locales/README.de.md b/locales/README.de.md
@@ -276,6 +276,57 @@ Der `SYMBOL_VERSION`-Flag kann für das Symbol der Fortschrittsleiste gesetzt we
 |    2    |      ⣿     |       ⣀     |
 |    3    |      ⬛    |       ⬜    |
 
+**SVG-Fortschrittsbars**
+
+Sie können vom Unicode-Text zu farbigen SVG-Bars mit den folgenden Flags wechseln:
+
+- `BAR_STYLE` — Setzen Sie auf `"svg"` um SVG-Bars zu aktivieren, oder `"text"` (Standard) für Unicode-Bars
+- `BAR_COLOR` — Hex-Farbe für den gefüllten Teil (Standard: `"#90CAF9"` Hellblau)
+- `BAR_TRACK_COLOR` — Hex-Farbe für den Hintergrund-Track (Standard: `"#172f45"` Dunkelblau)
+- `BAR_RADIUS` — Rahmenradius für abgerundete Ecken (Standard: `"0"` für Quadrat)
+  - `"0"` = Scharfe quadratische Kanten
+  - `"4"` = Subtil abgerundete Ecken
+  - Jede positive Ganzzahl funktioniert
+- `TEXT_PRIMARY_COLOR` — Hex-Farbe für den primären Text der SVG-Liste, z. B. Sprach-/Projektnamen (Standard: `"#c9d1d9"`)
+- `TEXT_SECONDARY_COLOR` — Hex-Farbe für den sekundären Text der SVG-Liste, z. B. Zeiten und Prozentangaben (Standard: `"#8b949e"`)
+
+Beispiel-Workflow mit aktivierten SVG-Bars:
+
+```yaml
+- uses: anmol098/waka-readme-stats@master
+  with:
+    WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
+    GH_TOKEN: ${{ secrets.GH_TOKEN }}
+    BAR_STYLE: "svg"
+    BAR_COLOR: "#90CAF9"
+    BAR_TRACK_COLOR: "#172f45"
+    BAR_RADIUS: "4"
+    TEXT_PRIMARY_COLOR: "#c9d1d9"
+    TEXT_SECONDARY_COLOR: "#8b949e"
+```
+
+**Vorher / Nachher**
+
+Standard-Unicode-Bars (`BAR_STYLE: "text"` oder wenn `BAR_STYLE` weggelassen wird):
+
+```text
+Vue          8 repos        ██████░░░░░░░░░░░░░░░░░░░   25.0%
+Java         6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+JavaScript   6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+PHP          3 repos        ██░░░░░░░░░░░░░░░░░░░░░░░   9.38%
+Python       2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+Dart         2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+CSS          2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+```
+
+SVG-Bars, quadratische Ecken (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, Standard `BAR_COLOR` / `BAR_TRACK_COLOR`):
+
+![SVG-Fortschrittsbars (eckig)](https://i.imgur.com/eShKuJH.png)
+
+SVG-Bars, abgerundete Ecken (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`):
+
+![SVG-Fortschrittsbars (abgerundet)](https://i.imgur.com/dYOgG6I.png)
+
 Der `DEBUG_LOGGING`-Flag kann gesetzt werden, um die Ausgabelautstärke der GitHub-Action zu erhöhen, standardmäßig entspricht er der internen Debug-Eigenschaft des Laufers.
 
 **Zeitstrahl**
@@ -313,6 +364,7 @@ Beiträge sind willkommen ♥! Bitte teile jede Funktion und füge Unit-Tests hi
 10. [Arnav Jindal](https://github.com/Daggy1234): Für den Pull Request [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
 11. [Daniel Rowe](https://github.com/DanRowe): Für den Pull Request [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
 12. [Ss5h](https://github.com/tlatkdgus1): Für die Hinzufügung von Unterstützung für natürliche Satzformulierungen bei der Übersetzung [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
+13. [acheronx0577](https://github.com/acheronx0577): Für die Hinzufügung der Unterstützung von SVG-Fortschrittsbalken mit Farb- und Formoptionen [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
 
 <details>
 
@@ -458,6 +510,8 @@ Beiträge sind willkommen ♥! Bitte teile jede Funktion und füge Unit-Tests hi
 
 - [DataBoySu](https://github.com/DataBoySu)
 
+- [AcheronX.](https://github.com/acheronx0577)
+
 </details>
 
 - Und du! Wenn du es gerade jetzt verwendest und nicht auf der Liste stehst, melde dich bitte, indem du ein [Special Mention](https://github.com/anmol098/waka-readme-stats/issues/new/choose)-Issue erstellst! :blush:  

diff --git a/locales/README.es.md b/locales/README.es.md
@@ -275,6 +275,57 @@ La bandera `SYMBOL_VERSION` se puede establecer para el símbolo de la barra de
 |    2    |      ⣿     |       ⣀     |
 |    3    |      ⬛    |       ⬜    |
 
+**Barras de Progreso SVG**
+
+Puede cambiar entre barras de texto Unicode y barras SVG coloridas con los siguientes flags:
+
+- `BAR_STYLE` — Establézcalo en `"svg"` para habilitar barras SVG, o `"text"` (predeterminado) para barras Unicode
+- `BAR_COLOR` — Color hexadecimal para la porción rellenada (predeterminado: `"#90CAF9"` azul claro)
+- `BAR_TRACK_COLOR` — Color hexadecimal para la pista de fondo (predeterminado: `"#172f45"` azul oscuro)
+- `BAR_RADIUS` — Radio de borde para esquinas redondeadas (predeterminado: `"0"` para cuadrado)
+  - `"0"` = Bordes cuadrados agudos
+  - `"4"` = Esquinas redondeadas sutiles
+  - Cualquier número entero positivo funciona
+- `TEXT_PRIMARY_COLOR` — Color hexadecimal para el texto principal de la lista SVG, como nombres de lenguajes/proyectos (predeterminado: `"#c9d1d9"`)
+- `TEXT_SECONDARY_COLOR` — Color hexadecimal para el texto secundario de la lista SVG, como tiempos y porcentajes (predeterminado: `"#8b949e"`)
+
+Ejemplo de flujo de trabajo con barras SVG habilitadas:
+
+```yaml
+- uses: anmol098/waka-readme-stats@master
+  with:
+    WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
+    GH_TOKEN: ${{ secrets.GH_TOKEN }}
+    BAR_STYLE: "svg"
+    BAR_COLOR: "#90CAF9"
+    BAR_TRACK_COLOR: "#172f45"
+    BAR_RADIUS: "4"
+    TEXT_PRIMARY_COLOR: "#c9d1d9"
+    TEXT_SECONDARY_COLOR: "#8b949e"
+```
+
+**Antes y después**
+
+Barras Unicode predeterminadas (`BAR_STYLE: "text"`, u omitiendo `BAR_STYLE`):
+
+```text
+Vue          8 repos        ██████░░░░░░░░░░░░░░░░░░░   25.0%
+Java         6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+JavaScript   6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+PHP          3 repos        ██░░░░░░░░░░░░░░░░░░░░░░░   9.38%
+Python       2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+Dart         2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+CSS          2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+```
+
+Barras SVG, esquinas cuadradas (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, `BAR_COLOR` / `BAR_TRACK_COLOR` predeterminados):
+
+![Barras de progreso SVG (cuadradas)](https://i.imgur.com/eShKuJH.png)
+
+Barras SVG, esquinas redondeadas (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`):
+
+![Barras de progreso SVG (redondeadas)](https://i.imgur.com/dYOgG6I.png)
+
 La bandera `DEBUG_LOGGING` se puede establecer para aumentar la verbosidad de la salida de la acción de GitHub, por defecto es igual a la propiedad de depuración del ejecutor interno
 
 **Línea de tiempo**
@@ -312,6 +363,7 @@ Las contribuciones son bienvenidas ♥! Por favor, comparta cualquier caracterí
 10. [Arnav Jindal](https://github.com/Daggy1234): Por la solicitud de extracción [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
 11. [Daniel Rowe](https://github.com/DanRowe): Por la solicitud de extracción [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
 12. [Ss5h](https://github.com/tlatkdgus1): Por la adición del soporte para la escritura de oraciones naturales para la traducción [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
+13. [acheronx0577](https://github.com/acheronx0577): Por agregar el soporte de barras de progreso SVG con opciones de color y forma [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
 
 <details>
 
@@ -457,6 +509,8 @@ Las contribuciones son bienvenidas ♥! Por favor, comparta cualquier caracterí
 
 - [DataBoySu](https://github.com/DataBoySu)
 
+- [AcheronX.](https://github.com/acheronx0577)
+
 </details>
 
 - ¡Y tú! Si estás usando esto ahora mismo y no estás en la lista, por favor háznoslo saber creando un problema de [Mención Especial](https://github.com/anmol098/waka-readme-stats/issues/new/choose) :blush: \

diff --git a/locales/README.fr.md b/locales/README.fr.md
@@ -275,6 +275,57 @@ Le drapeau `SYMBOL_VERSION` peut être défini pour le symbole de la barre de pr
 |    2    |      ⣿     |       ⣀     |
 |    3    |      ⬛    |       ⬜    |
 
+**Barres de Progression SVG**
+
+Vous pouvez passer des barres de texte Unicode aux barres SVG colorées avec les drapeaux suivants :
+
+- `BAR_STYLE` — Définissez sur `"svg"` pour activer les barres SVG, ou `"text"` (par défaut) pour les barres Unicode
+- `BAR_COLOR` — Couleur hexadécimale pour la portion remplie (par défaut: `"#90CAF9"` bleu clair)
+- `BAR_TRACK_COLOR` — Couleur hexadécimale pour la piste d'arrière-plan (par défaut: `"#172f45"` bleu foncé)
+- `BAR_RADIUS` — Rayon de bordure pour les coins arrondis (par défaut: `"0"` pour carré)
+  - `"0"` = Bords carrés nets
+  - `"4"` = Coins légèrement arrondis
+  - Tout nombre entier positif fonctionne
+- `TEXT_PRIMARY_COLOR` — Couleur hexadécimale pour le texte principal de la liste SVG, comme les noms de langages/projets (par défaut : `"#c9d1d9"`)
+- `TEXT_SECONDARY_COLOR` — Couleur hexadécimale pour le texte secondaire de la liste SVG, comme les durées et pourcentages (par défaut : `"#8b949e"`)
+
+Exemple de flux de travail avec barres SVG activées :
+
+```yaml
+- uses: anmol098/waka-readme-stats@master
+  with:
+    WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
+    GH_TOKEN: ${{ secrets.GH_TOKEN }}
+    BAR_STYLE: "svg"
+    BAR_COLOR: "#90CAF9"
+    BAR_TRACK_COLOR: "#172f45"
+    BAR_RADIUS: "4"
+    TEXT_PRIMARY_COLOR: "#c9d1d9"
+    TEXT_SECONDARY_COLOR: "#8b949e"
+```
+
+**Avant / après**
+
+Barres Unicode par défaut (`BAR_STYLE: "text"`, ou en omettant `BAR_STYLE`) :
+
+```text
+Vue          8 repos        ██████░░░░░░░░░░░░░░░░░░░   25.0%
+Java         6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+JavaScript   6 repos        ████░░░░░░░░░░░░░░░░░░░░░   18.75%
+PHP          3 repos        ██░░░░░░░░░░░░░░░░░░░░░░░   9.38%
+Python       2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+Dart         2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+CSS          2 repos        █░░░░░░░░░░░░░░░░░░░░░░░░   6.25%
+```
+
+Barres SVG, angles carrés (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, `BAR_COLOR` / `BAR_TRACK_COLOR` par défaut) :
+
+![Barres de progression SVG (carrées)](https://i.imgur.com/eShKuJH.png)
+
+Barres SVG, angles arrondis (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`) :
+
+![Barres de progression SVG (arrondies)](https://i.imgur.com/dYOgG6I.png)
+
 Le drapeau `DEBUG_LOGGING` peut être défini pour augmenter la verbosité de la sortie de l'action GitHub, par défaut égal à la propriété de débogage interne du runner
 
 **Chronologie**
@@ -312,6 +363,7 @@ Les contributions sont les bienvenues ♥ ! Veuillez partager toute fonctionnali
 10. [Arnav Jindal](https://github.com/Daggy1234): Pour la demande de tirage [#48](https://github.com/anmol098/waka-readme-stats/pull/48)
 11. [Daniel Rowe](https://github.com/DanRowe): Pour la demande de tirage [#57](https://github.com/anmol098/waka-readme-stats/pull/57)
 12. [Ss5h](https://github.com/tlatkdgus1): Pour l'ajout de la prise en charge de l'écriture de phrases naturelles pour la traduction [#136](https://github.com/anmol098/waka-readme-stats/pull/136)
+13. [acheronx0577](https://github.com/acheronx0577): Pour l'ajout de la prise en charge des barres de progression SVG avec des options de couleur et de forme [#657](https://github.com/anmol098/waka-readme-stats/pull/657)
 
 <details>
 
@@ -457,6 +509,8 @@ Les contributions sont les bienvenues ♥ ! Veuillez partager toute fonctionnali
 
 - [DataBoySu](https://github.com/DataBoySu)
 
+- [AcheronX.](https://github.com/acheronx0577)
+
 </details>
 
 - Et vous ! Si jamais vous l'utilisez actuellement et que vous n'êtes pas sur la liste, veuillez nous le faire savoir en envoyant un [Special Mention](https://github.com/anmol098/waka-readme-stats/issues/new/choose) ! :blush: \