Starting from v6, neeto-ui supports enhanced customization of components using
CSS variables. These are the variables that are being used in the `ProgressBar`
component.

```css
--progress-bar-background: rgb(var(--neeto-ui-gray-200));
--progress-bar-color: rgb(var(--neeto-ui-primary-600));
--progress-value-text-color: rgb(var(--neeto-ui-primary-100));
```

You can use these variables to customize the component to your liking. Here is
an example:

```css
.neetix-progress-bar {
  --progress-bar-background: rgb(var(--neeto-ui-success-100));
  --progress-bar-color: rgb(var(--neeto-ui-success-600));
  --progress-value-text-color: rgb(var(--neeto-ui-primary-100));
}
```

#### Output
