65%
vue
<p-progress :value="uploadProgress" />
<small>{{ uploadProgress }}%</small>Custom max
7 of 10vue
<p-progress :value="taskProgress" :max="10" />
<small>{{ taskProgress }} of 10</small>PProgress
PProgress is a small native progress helper for known progress and "still working" loading states.
Waiting for a response...
vue
1
<p-progress indeterminate />Upload is 65% complete
vue
12345
<p-progress
:value="uploadProgress"
tooltip="Upload is 65% complete"
tooltip-placement="top"
/>Props
| Name | Type | Default | Description |
|---|---|---|---|
value | number | - | Current progress value. Omitted when indeterminate is true. |
max | number | 100 | Maximum progress value. |
indeterminate | boolean | false | Renders an indeterminate progress indicator. |
tooltip | string | - | Optional Pico tooltip content. |
tooltipPlacement | PTooltipPlacement | - | Optional Pico tooltip placement. |