toastify-js icon indicating copy to clipboard operation
toastify-js copied to clipboard

Add a progress bar showing the time until the toast closes

Open konclave opened this issue 3 years ago • 2 comments

Implemented the progress bar that shows the time until the toast closes (#94)

How to use:

Toastify({
        progressBar: true,
        progressBarColor: 'coral',
        text: "With progress bar",
        gravity: "top",
        position: 'left'
    }).showToast();

Animation is done with CSS animation property.

konclave avatar Oct 18 '22 15:10 konclave

Please review and merge the pull requests, There are some features I need to use in my web project.

bengabp avatar Nov 11 '22 21:11 bengabp

If #112 gets merged, we'll have to make sure to restart the progress bar animation after re-focusing the page. I already wrote the code, but one of two PR's will have to be merged before we can add that.

DieterHolvoet avatar Dec 11 '22 22:12 DieterHolvoet