> For the complete documentation index, see [llms.txt](https://developer.supervisely.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.supervisely.com/app-development/widgets/status-elements.md).

# Status Elements

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Progress</strong></td><td><img src="/files/HDF1UlannAs0l00OkPZz" alt=""></td><td><mark style="color:purple;">Visual indicator of the progression of a task or operation</mark></td><td><a href="/pages/zCSfTVbtK8uGBssNGDBd">/pages/zCSfTVbtK8uGBssNGDBd</a></td></tr><tr><td><strong>NotificationBox</strong></td><td><img src="/files/NRH04OUCUgXi27PfUME8" alt=""></td><td><mark style="color:purple;">Display important messages or alerts to users</mark></td><td><a href="/pages/rn3xQyGHZrwGzVTt8mgK">/pages/rn3xQyGHZrwGzVTt8mgK</a></td></tr><tr><td><strong>DoneLabel</strong></td><td><img src="/files/ha1SpeQWUyx9QthEVH83" alt=""></td><td><mark style="color:purple;">Shows a notification indicating the successful completion of a task or operation</mark></td><td><a href="/pages/i7YXv9zyLSszdsOdsrRY">/pages/i7YXv9zyLSszdsOdsrRY</a></td></tr><tr><td><strong>DialogMessage</strong></td><td><img src="/files/5EAHGtxymilwUl7oOQYo" alt=""></td><td><mark style="color:purple;">Presents a pop-up message or prompt to the user</mark></td><td><a href="/pages/2m3bIZVQAhkaF8vM2LJc">/pages/2m3bIZVQAhkaF8vM2LJc</a></td></tr><tr><td><strong>TaskLogs</strong></td><td><img src="/files/rWs7zbrqJilXItkqErZQ" alt=""></td><td><mark style="color:purple;">A detailed display of logs associated with a particular task ID for debugging or information purposes</mark></td><td><a href="/pages/biK1zLMIZ364qrdAK6Wi">/pages/biK1zLMIZ364qrdAK6Wi</a></td></tr><tr><td><strong>Badge</strong></td><td><img src="https://user-images.githubusercontent.com/79905215/227223981-643400c7-0c16-4c5e-acc9-d2c2214162d1.png" alt=""></td><td><mark style="color:purple;">UI element used to display badges, which represent notifications, statuses, or achievements within the application</mark></td><td><a href="/pages/mBw3pmqnfOU8DWOmS5lp">/pages/mBw3pmqnfOU8DWOmS5lp</a></td></tr><tr><td><strong>ModelInfo</strong></td><td><img src="https://user-images.githubusercontent.com/120389559/219638497-b20cda0e-ec0b-40dc-925d-21cadf9b19d6.png" alt=""></td><td><mark style="color:purple;">Displays technical details and configurations for the AI model, supported features, and hardware compatibility</mark></td><td><a href="/pages/REqpm9ksaD38dWOr0wBO">/pages/REqpm9ksaD38dWOr0wBO</a></td></tr><tr><td><strong>Rate</strong></td><td><img src="/files/VRzUuoDVomFhgmcyal8l" alt=""></td><td><mark style="color:purple;">Widget to represent user ratings through a star-based visual system</mark></td><td><a href="/pages/NUU0QdLX0YLpDPBq2tc5">/pages/NUU0QdLX0YLpDPBq2tc5</a></td></tr><tr><td><strong>CircleProgress</strong></td><td><img src="/files/JncBEvMnunqkhjy9QylB" alt="" data-size="original"></td><td><mark style="color:purple;">Wrapper for Progress widget to display it in circular style</mark></td><td><a href="/pages/V6BpPNmYyvBLJS5tdKOO">/pages/V6BpPNmYyvBLJS5tdKOO</a></td></tr><tr><td><strong>ActivityFeed</strong></td><td><img src="/files/azTG92xQwZL919KBRzF2" alt="" data-size="original"></td><td><mark style="color:purple;">Display a vertical timeline of activity items with status indicators</mark></td><td><a href="/pages/al4g6zST1ubbbt5Ur7wK">/pages/al4g6zST1ubbbt5Ur7wK</a></td></tr></tbody></table>