> For the complete documentation index, see [llms.txt](https://help.pickzen.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pickzen.com/design-system/components/progressbar.md).

# ProgressBar

### Example

![](/files/AuBNfzLVa4N3i7ZOdF59)

### Settings

<table><thead><tr><th width="198.33333333333331">Setting</th><th width="150">Value</th><th>Description</th></tr></thead><tbody><tr><td>Container</td><td>false</td><td>Accepts nested children components.</td></tr><tr><td>Droppable</td><td>true</td><td>Added as a nested child component inside a container.</td></tr><tr><td>Editable</td><td>false</td><td>Can be edited</td></tr><tr><td>Interactive</td><td>false</td><td>Can receive events</td></tr></tbody></table>

### Properties

<table><thead><tr><th width="179.49923195084486">Property</th><th width="150">Type</th><th width="150">Default</th><th>Description</th></tr></thead><tbody><tr><td>Progress</td><td>Number</td><td>0</td><td>Progress (0..1)</td></tr><tr><td>Color 1</td><td>Color</td><td>#666666</td><td>Main color</td></tr><tr><td>Color 2</td><td>Color</td><td>#ffffff</td><td>Secondary color</td></tr><tr><td>Height</td><td>Dimension</td><td>5px</td><td>Height of the bar</td></tr><tr><td>Radius</td><td>Dimension</td><td>10px</td><td>Border radius</td></tr></tbody></table>

Color 1 and Color 2 will be used for the color of the growing bar and the background, being automatically selected the lighter color for the background.

### Actions

No actions defined.

### Events

No defined.