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

## Example

<form>
  <input class="error" type="range" min="0" max="100" />
  <input class="warning" type="range" min="0" max="100" />
  <input class="success" type="range" min="0" max="100" />
  <input class="info" type="range" min="0" max="100" />
</form>

### HTML

```html
<input class="error" type="range" />
<input class="warning" type="range" />
<input class="success" type="range" />
<input class="info" type="range" />
```