docs: expand README usage examples cookbook

Author: gepser

README.md

@@ -59,44 +59,110 @@ Headers for successful responses:
 
 ## ✨ Examples
 
-![](https://geps.dev/progress/10)
+> [!TIP]
+> Every snippet below is ready to paste into GitHub Markdown.
 
-![](https://geps.dev/progress/50)
+### 1) Integer percentage
 
-![](https://geps.dev/progress/75)
+![](https://geps.dev/progress/10)
+
+> [!NOTE]
+> URL: `https://geps.dev/progress/10`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/10)
+> ```
 
-Float percentage:
+### 2) Float percentage
 
 ![](https://geps.dev/progress/76.5)
 
-### Custom colors
+> [!NOTE]
+> URL: `https://geps.dev/progress/76.5`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/76.5)
+> ```
 
-You can customize colors through query params:
+### 3) Automatic clamping (>100)
 
-- `dangerColor`
-- `warningColor`
-- `successColor`
+![](https://geps.dev/progress/150)
 
-```md
-![](https://geps.dev/progress/32?dangerColor=800000&warningColor=ff9900&successColor=006600)
-```
+> [!NOTE]
+> URL: `https://geps.dev/progress/150`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/150)
+> ```
 
-Rendered examples:
+### 4) Automatic clamping (<0)
 
-![](https://geps.dev/progress/10?dangerColor=800000&warningColor=ff9900&successColor=006600)
+![](https://geps.dev/progress/-10)
 
-![](https://geps.dev/progress/50?dangerColor=800000&warningColor=ff9900&successColor=006600)
+> [!NOTE]
+> URL: `https://geps.dev/progress/-10`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/-10)
+> ```
+
+### 5) Custom threshold colors (`dangerColor`, `warningColor`, `successColor`)
 
+![](https://geps.dev/progress/10?dangerColor=800000&warningColor=ff9900&successColor=006600)
+![](https://geps.dev/progress/50?dangerColor=800000&warningColor=ff9900&successColor=006600)
 ![](https://geps.dev/progress/75?dangerColor=800000&warningColor=ff9900&successColor=006600)
 
-### Data bar mode (from arbitrary numeric range)
+> [!NOTE]
+> URL pattern: `https://geps.dev/progress/{value}?dangerColor=800000&warningColor=ff9900&successColor=006600`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/50?dangerColor=800000&warningColor=ff9900&successColor=006600)
+> ```
 
-```md
-![](https://geps.dev/progress/186?label=186&min=0&max=241&barColor=4472C4)
-```
+### 6) Fixed bar color (`barColor`)
+
+![](https://geps.dev/progress/50?barColor=4472C4)
+
+> [!NOTE]
+> URL: `https://geps.dev/progress/50?barColor=4472C4`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/50?barColor=4472C4)
+> ```
+
+### 7) Data-bar mode (`min` + `max` + `label` + `barColor`)
 
 ![](https://geps.dev/progress/186?label=186&min=0&max=241&barColor=4472C4)
 
+> [!NOTE]
+> URL: `https://geps.dev/progress/186?label=186&min=0&max=241&barColor=4472C4`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/186?label=186&min=0&max=241&barColor=4472C4)
+> ```
+
+### 8) Data-bar mode with default label (raw value)
+
+![](https://geps.dev/progress/50?min=0&max=200)
+
+> [!NOTE]
+> URL: `https://geps.dev/progress/50?min=0&max=200`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/50?min=0&max=200)
+> ```
+
+### 9) Custom text label in percentage mode
+
+![](https://geps.dev/progress/70?label=Sprint%201)
+
+> [!NOTE]
+> URL: `https://geps.dev/progress/70?label=Sprint%201`  
+> Markdown:
+> ```md
+> ![](https://geps.dev/progress/70?label=Sprint%201)
+> ```
+
 ## 🛠️ Local Development
 
 ### Prerequisites