> 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

Widgets that indicate status, like progress bars, loading indicators, or status lights

<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="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-acf5739379f876658df6b2d6c5ceb138771bcd16%2Fwidget-progress-bar.png?alt=media" alt=""></td><td><mark style="color:purple;">Visual indicator of the progression of a task or operation</mark></td><td><a href="/app-development/widgets/status-elements/progressbar.md">Progress</a></td></tr><tr><td><strong>NotificationBox</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-ce0dd6306819ef3afed54e92304926fde93c1ad1%2Fwidget-notificationBox.png?alt=media" alt=""></td><td><mark style="color:purple;">Display important messages or alerts to users</mark></td><td><a href="/app-development/widgets/status-elements/notificationbox.md">NotificationBox</a></td></tr><tr><td><strong>DoneLabel</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-43006842242ea60ac5d9d4e46634aa7810fed48c%2Fwidget-doneLabel.png?alt=media" alt=""></td><td><mark style="color:purple;">Shows a notification indicating the successful completion of a task or operation</mark></td><td><a href="/app-development/widgets/status-elements/donelabel.md">DoneLabel</a></td></tr><tr><td><strong>DialogMessage</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-526e8248b8a53ab4ab78a4d74cdf49062cda19ec%2Fwidget-dialog-message.png?alt=media" alt=""></td><td><mark style="color:purple;">Presents a pop-up message or prompt to the user</mark></td><td><a href="/app-development/widgets/status-elements/dialogmessage.md">DialogMessage</a></td></tr><tr><td><strong>TaskLogs</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-9f04838d427e4dbbb985abe74cbb6af4a58ebf5a%2Ftasklogscard.png?alt=media" 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="/app-development/widgets/status-elements/tasklogs.md">TaskLogs</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="/app-development/widgets/status-elements/badge.md">Badge</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="/app-development/widgets/status-elements/modelinfo.md">ModelInfo</a></td></tr><tr><td><strong>Rate</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-671758c0373275b09bef082453da5442c892896c%2Fwidget-Rate.png?alt=media" alt=""></td><td><mark style="color:purple;">Widget to represent user ratings through a star-based visual system</mark></td><td><a href="/app-development/widgets/status-elements/rate.md">Rate</a></td></tr><tr><td><strong>CircleProgress</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-f36b1ef1ccd9d8fb65a402c2c0d76a48f10c854e%2Fimage.png?alt=media" 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="/app-development/widgets/status-elements/circleprogress.md">CircleProgress</a></td></tr><tr><td><strong>ActivityFeed</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-ee6e8d7bf72447a3fc0116150fcdb9f6fabc6593%2Factivityfeed.png?alt=media" 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="/app-development/widgets/status-elements/activityfeed.md">ActivityFeed</a></td></tr></tbody></table>