When to use
Use a progress bar or ring when you know how far along a task is, like a download or upload. Use the timer for countdowns and the waveform for voice recording or playback.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
--value | 0 to 100 | – | Progress, on .ios-progress and .ios-ring. |
--coloron .ios-progress | CSS color | tint | Bar color. |
--size, --strokeon .ios-ring | px | – | Ring size and thickness. |
--fromon .ios-timer | seconds | – | Countdown start. |
data-pausedon .ios-wave | boolean | false | Stops the audio wave. |