[FEATURE] show specific progress from one level to the next (#151)

* add/minxp to reset the progressbar width

* add/minxp to reset the progressbar width

src/Rank.js

@@ -156,7 +156,11 @@ class Rank {
                 name: null,
                 color: "#FFFFFF"
             },
-            renderEmojis: false
+            renderEmojis: false,
+            minXP: {
+                data: 0,
+                color: "#FFFFFF"
+            }
         };
 
         // Load default fonts
@@ -290,6 +294,19 @@ class Rank {
         this.data.requiredXP.color = color && typeof color === "string" ? color : "#FFFFFF";
         return this;
     }
+
+    /**
+     * Set minimum xp of the current level
+     * @param {number} data Required xp
+     * @param {string} color  Color
+     * @returns {Rank}
+    */
+    setMinXP(data, color = "#FFFFFF") {
+        if (typeof data !== "number") throw new Error(`Min xp data type must be a number, received ${typeof data}!`);
+        this.data.minXP.data = data;
+        this.data.minXP.color = color && typeof color === "string" ? color : "#FFFFFF";
+        return this;
+    }
 
     /**
      * Set current xp
@@ -628,6 +645,15 @@ class Rank {
         if (rx <= 0) return 1;
         if (cx > rx) return parseInt(this.data.progressBar.width) || 0;
 
+        if (this.data.minXP.data > 0) {
+            const mx = this.data.minXP.data;
+            if (cx < mx) return 0;
+
+            const nx = cx - mx;
+            const nr = rx - mx;
+            return (nx * 615) / nr;
+        }
+
         let width = (cx * 615) / rx;
         if (width > this.data.progressBar.width) width = this.data.progressBar.width;
         return parseInt(width) || 0;

test/index.js

@@ -14,7 +14,8 @@ const rank = new canvacord.Rank()
     .setProgressBar(["#14C49E", "#FF0000"], "GRADIENT", true)
     .setProgressBarTrack("#FFFFFF")
     .setUsername("Snowflake")
-    .setDiscriminator("0007");
+    .setDiscriminator("0007")
+    .setMinXP(300);
 
 rank.build()
     .then(data => {