diff --git a/api/index.js b/api/index.js
index 2029367ca3eb9..65a3d6a052270 100644
--- a/api/index.js
+++ b/api/index.js
@@ -37,6 +37,7 @@ export default async (req, res) => {
     number_format,
     border_color,
     rank_icon,
+    rank_progress,
     show,
   } = req.query;
   res.setHeader("Content-Type", "image/svg+xml");
@@ -117,6 +118,7 @@ export default async (req, res) => {
         locale: locale ? locale.toLowerCase() : null,
         disable_animations: parseBoolean(disable_animations),
         rank_icon,
+        rank_progress,
         show: showStats,
       }),
     );
diff --git a/src/cards/stats-card.js b/src/cards/stats-card.js
index 5b7f0d268f9bd..81b8ef4bc001b 100644
--- a/src/cards/stats-card.js
+++ b/src/cards/stats-card.js
@@ -237,6 +237,7 @@ const renderStatsCard = (stats, options = {}) => {
     locale,
     disable_animations = false,
     rank_icon = "default",
+    rank_progress = false,
     show = [],
   } = options;
 
diff --git a/src/cards/types.d.ts b/src/cards/types.d.ts
index 9a21be4a0160a..034cd882ba7f2 100644
--- a/src/cards/types.d.ts
+++ b/src/cards/types.d.ts
@@ -27,6 +27,7 @@ export type StatCardOptions = CommonOptions & {
   ring_color: string;
   text_bold: boolean;
   rank_icon: RankIcon;
+  rank_progress: boolean;
   show: string[];
 };