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

## Example

<form>
  <progress value="70" max="100">70%</progress>
</form>

### HTML

```html
<progress value="70" max="100">...</progress>
```

### CSS

```scss
--progress-margin: var(--input-margin);
--progress-height: 0.625rem;
--progress-background: var(--input-border-color);
--progress-border-width: 0;
--progress-border-style: none;
--progress-border-color: none;
--progress-border-radius: 1rem;
--progress-box-shadow: var(--box-shadow);

--progress-bar-background: var(--primary);
```