Use the `value-position` attribute to set the position of the value on the progress bar.

- `right`
- `bottom`

```html
<div class="flex flex-col gap-4">
  <sd-progress-bar class="max-w-[300px]" value="35" max="100" value-position="right"></sd-progress-bar>
  <sd-progress-bar class="max-w-[300px]" value="35" max="100" value-position="bottom"></sd-progress-bar>
</div>
```