---
layout: docs
title: Progress Indicators
description: null
---

## Example

<form>
  <progress class="error" value="70" max="100">70%</progress>
  <progress class="warning" value="70" max="100">70%</progress>
  <progress class="success" value="70" max="100">70%</progress>
  <progress class="info" value="70" max="100">70%</progress>
</form>

### HTML

```html
<progress class="error">...</progress>
<progress class="warning">...</progress>
<progress class="success">...</progress>
<progress class="info">...</progress>
```