From c0c541d121401d9e75424e1ed06ee305d5d55dab Mon Sep 17 00:00:00 2001
From: Onuralp SEZER <thunderbirdtr@gmail.com>
Date: Mon, 22 Jan 2024 21:52:56 +0300
Subject: [PATCH] =?UTF-8?q?docs:=20=F0=9F=93=9D=20PercentageBar=20Annotato?=
 =?UTF-8?q?r=20docs=20and=20usage=20added.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Onuralp SEZER <thunderbirdtr@gmail.com>
---
 docs/annotators.md | 39 ++++++++++++++++++++++++++++++++-------
 1 file changed, 32 insertions(+), 7 deletions(-)

diff --git a/docs/annotators.md b/docs/annotators.md
index 316f37e0..f7dc8ece 100644
--- a/docs/annotators.md
+++ b/docs/annotators.md
@@ -124,7 +124,7 @@ comments: true
 
     <div class="result" markdown>
 
-    ![circle-annotator-example](https://media.roboflow.com/supervision-annotator-examples/dot-annotator-example-purple.png){ align=center width="800" }
+    ![dot-annotator-example](https://media.roboflow.com/supervision-annotator-examples/dot-annotator-example-purple.png){ align=center width="800" }
 
     </div>
 
@@ -187,7 +187,28 @@ comments: true
 
     <div class="result" markdown>
 
-    ![ellipse-annotator-example](https://media.roboflow.com/supervision-annotator-examples/halo-annotator-example-purple.png){ align=center width="800" }
+    ![halo-annotator-example](https://media.roboflow.com/supervision-annotator-examples/halo-annotator-example-purple.png){ align=center width="800" }
+
+    </div>
+
+=== "PercentageBar"
+
+    ```python
+    >>> import supervision as sv
+
+    >>> image = ...
+    >>> detections = sv.Detections(...)
+
+    >>> percentage_bar_annotator = sv.PercentageBarAnnotator()
+    >>> annotated_frame = percentage_bar_annotator.annotate(
+    ...     scene=image.copy(),
+    ...     detections=detections
+    ... )
+    ```
+
+    <div class="result" markdown>
+
+    ![percentage-bar-annotator-example](https://media.roboflow.com/supervision-annotator-examples/percentage-bar-annotator-example-purple.png){ align=center width="800" }
 
     </div>
 
@@ -352,7 +373,7 @@ comments: true
 
     <div class="result" markdown>
 
-    ![trace-annotator-example](https://media.roboflow.com/supervision-annotator-examples/heat-map-annotator-example-purple.png){ align=center width="800" }
+    ![heat-map-annotator-example](https://media.roboflow.com/supervision-annotator-examples/heat-map-annotator-example-purple.png){ align=center width="800" }
 
     </div>
 
@@ -360,6 +381,10 @@ comments: true
 
 :::supervision.annotators.core.BoundingBoxAnnotator
 
+## RoundBoxAnnotator
+
+:::supervision.annotators.core.RoundBoxAnnotator
+
 ## BoxCornerAnnotator
 
 :::supervision.annotators.core.BoxCornerAnnotator
@@ -388,6 +413,10 @@ comments: true
 
 :::supervision.annotators.core.HaloAnnotator
 
+## PercentageBarAnnotator
+
+:::supervision.annotators.core.PercentageBarAnnotator
+
 ## HeatMapAnnotator
 
 :::supervision.annotators.core.HeatMapAnnotator
@@ -416,10 +445,6 @@ comments: true
 
 :::supervision.annotators.core.TraceAnnotator
 
-## RoundBoxAnnotator
-
-:::supervision.annotators.core.RoundBoxAnnotator
-
 ## ColorLookup
 
 :::supervision.annotators.utils.ColorLookup