UxPercentBar
components/ux/PercentBar.vue
Horizontal progress bar with grape fill and optional title label.
CPU usage
Memory
Disk
components/ux/PercentBar.vue
Usage
<UxPercentBar
title = "—"
:percent = "0"
>
Content here
</UxPercentBar>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | String | '' | Label above the bar |
| percent | Number | 0 | Fill percentage (0-100) |
Slots
| Slot | Description |
|---|---|
| default | Additional content below the bar |