Updated October 2026
Progress & Timers
Visual progress tracks, countdown bars, circular SVG rings, and pausable timer controls.
On this page:
Display remaining duration visually with linear progress bars or circular indicator rings.
typescript
toast.info('Session expiring soon', {
duration: 6000,
progress: true, // renders an animated countdown line at the bottom
pauseOn: ['hover', 'focus', 'hidden'],
});
`
Want to test these options live?
Launch the interactive playground to experiment with themes, positions, and live generators.