# Progress Bar

![Progress Bar](/files/-MHpq-mi4R6tcz0F251y)

## Description:

Progress Bar

Progress Bar component displays an indicator showing the completion progress of a task.

### Allowed Parent Components:

1. Col

### Allowed Child Components:

1. Popover
2. Progress
3. Progress Bar Color
4. Pulse
5. Trigger Before Render
6. Trigger On Click

### Properties

### ➤ Size

Chooose an options to change the height of the progress bar.

Allowed Values:

1. small
2. default
3. large

### ➤ Color Options

Select default if you want to render progress bar in default colors e.g.. red(below danger limit), warning(in between danger and success) and green(above success start). Select custom to change color based on the condition by adding 'Progress Bar Color' as the child.

Allowed Values:

1. default
2. custom
3. multi

### ➤ Danger Limit

Provide numerical value for indicating danger limit.

Allowed Values: Any number value

### ➤ Success Start

Provide numerical value for indicating start of success.

Allowed Values: Any number value

### ➤ Total

Provide numerical value to calculate the percentage.

Allowed Values: Provide numerical value to calculate the percentage.

### ➤ Tool Tip

A message which appears when a cursor is positioned over.

Allowed Values: An expression which should return string after evaluation

### ➤ Tool Tip Position

Select an option to change the placement of the tooltip when appears.

Allowed Values:

1. left
2. right
3. top
4. bottom

### ➤ View Attribute

Allowed Values: Attribute

### ➤ On Click

Allowed Values: Controller Function


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cloudio.io/ui-components/widgets/progressbar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.