add SVG progress bar support with color and shape options

README.md

@@ -282,6 +282,53 @@ 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
+
+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"
+```
+
+**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                                               |

action.yml

@@ -167,6 +167,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"

locales/README.de.md

@@ -276,6 +276,53 @@ 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
+
+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"
+```
+
+**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**

locales/README.es.md

@@ -275,6 +275,53 @@ 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
+
+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"
+```
+
+**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**

locales/README.fr.md

@@ -275,6 +275,53 @@ 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
+
+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"
+```
+
+**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**

locales/README.hi.md

@@ -275,6 +275,53 @@ CSS          2 repos        █░░░░░░░░░░░░░░░░
 |    2    |      ⣿     |       ⣀     |
 |    3    |      ⬛    |       ⬜    |
 
+**SVG प्रोग्रेस बार**
+
+आप निम्नलिखित फ्लैग का उपयोग करके Unicode टेक्स्ट बार से रंगीन SVG बार में स्विच कर सकते हैं:
+
+- `BAR_STYLE` — SVG बार सक्षम करने के लिए `"svg"` पर सेट करें, या Unicode बार के लिए `"text"` (डिफ़ॉल्ट)
+- `BAR_COLOR` — भरे हुए भाग के लिए हेक्स रंग (डिफ़ॉल्ट: `"#90CAF9"` हल्का नीला)
+- `BAR_TRACK_COLOR` — पृष्ठभूमि ट्रैक के लिए हेक्स रंग (डिफ़ॉल्ट: `"#172f45"` गहरा नीला)
+- `BAR_RADIUS` — गोल कोनों के लिए सीमा त्रिज्या (डिफ़ॉल्ट: `"0"` वर्ग के लिए)
+  - `"0"` = तीक्ष्ण वर्गाकार किनारे
+  - `"4"` = सूक्ष्मता से गोल कोने
+  - कोई भी सकारात्मक पूर्णांक काम करता है
+
+SVG बार सक्षम वर्कफ़्लो उदाहरण:
+
+```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"
+```
+
+**पहले / बाद में**
+
+डिफ़ॉल्ट Unicode बार (`BAR_STYLE: "text"`, या `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 बार, चौकोर कोने (`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`, डिफ़ॉल्ट `BAR_COLOR` / `BAR_TRACK_COLOR`):
+
+![SVG प्रगति बार (चौकोर)](https://i.imgur.com/eShKuJH.png)
+
+SVG बार, गोल कोने (`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`):
+
+![SVG प्रगति बार (गोल कोने)](https://i.imgur.com/dYOgG6I.png)
+
 `DEBUG_LOGGING` फ्लैग को सेट करके GitHub Action के आउटपुट के विवरण को बढ़ाया जा सकता है, डिफ़ॉल्ट रूप से आंतरिक रनर डिबग संपत्ति के बराबर है
 
 **टाइमलाइन**

locales/README.ja.md

@@ -274,6 +274,53 @@ CSS          2 repos        █░░░░░░░░░░░░░░░░
 |    2    |      ⣿     |       ⣀     |
 |    3    |      ⬛    |       ⬜    |
 
+**SVGプログレッシブバー**
+
+UnicodeテキストバーからカラフルなSVGバーに切り替えるには、以下のフラグを使用できます:
+
+- `BAR_STYLE` — `"svg"` に設定してSVGバーを有効にするか、`"text"` (デフォルト) でUnicodeバーを使用
+- `BAR_COLOR` — 塗りつぶされた部分の16進数色 (デフォルト: `"#90CAF9"` 薄い青)
+- `BAR_TRACK_COLOR` — 背景トラックの16進数色 (デフォルト: `"#172f45"` 濃い青)
+- `BAR_RADIUS` — 角を丸くするための境界半径 (デフォルト: `"0"` は正方形)
+  - `"0"` = シャープな正方形のエッジ
+  - `"4"` = わずかに丸められたコーナー
+  - 任意の正の整数が機能します
+
+SVGバーが有効なワークフロー例:
+
+```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"
+```
+
+**変更前 / 変更後**
+
+既定の Unicode バー（`BAR_STYLE: "text"`、または `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 バー・直角（`BAR_STYLE: "svg"`, `BAR_RADIUS: "0"`、既定の `BAR_COLOR` / `BAR_TRACK_COLOR`）:
+
+![SVG プログレスバー（直角）](https://i.imgur.com/eShKuJH.png)
+
+SVG バー・角丸（`BAR_STYLE: "svg"`, `BAR_RADIUS: "4"`）:
+
+![SVG プログレスバー（角丸）](https://i.imgur.com/dYOgG6I.png)
+
 `DEBUG_LOGGING` フラグを設定することで、GitHub Actionの出力の詳細度を増やすことができます。デフォルトでは内部ランナーのデバッグプロパティに等しくなります。
 
 **タイムライン**