# Progress bars

{% tabs %}
{% tab title="HTML Snippet" %}
```
neptune-progress
```
{% endtab %}

{% tab title="JS Snippet" %}
```
nep-progress-bar
```

```
nep-progress-bar-conf
```
{% endtab %}
{% endtabs %}

## Progress bar sizes

### Progress bar XS

```
neptune-progress-xs
```

### Progress bar S

```
neptune-progress-s
```

### Progress bar M

```
neptune-progress-m
```

### Progress bar L

```
neptune-progress-l
```

### Progress bar XL

```
neptune-progress-xl
```

## Progress bar styles

### Progress bar primary

```
neptune-progress-primary
```

### Progress bar accent

```
neptune-progress-accent
```

### Progress bar information

```
neptune-progress-info
```

### Progress bar success

```
neptune-progress-success
```

### Progress bar warning

```
neptune-progress-warning
```

### Progress bar error

```
neptune-progress-error
```
