---
title: Progress
category: Indicators
summary: Display progress towards the completion of a task. Composes [Box](/box).
---

```jsx live
render(<Progress value={50} />)
```

```jsx live
render(
  <Progress
    value={20}
    height={1}
    radius={undefined}
    backgroundColor="hsl(330, 100%, 92%)"
    activeColor="hsl(330, 100%, 72%)"
  />
)
```