Toast with progress bar and optional offscreen animation

Created by: 404ryannotfound

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines
• Sample code created and tested

Proposal

I have seen a few concepts of animated progress bars in Toasts, but they seem quite complex. It would be great if we had the option in the future to have a visual indicator, using the data-bs-delay value for width as a percentage. An option for sliding the animation offscreen would also be nice.

Motivation and context

Contextual notifications can be used both with, and without the auto-hide. Having a progress bar assists with the visual communication of when a Toast will close. Allowing a user to animate off-screen aids the visual experience.

I have created an example (work in progress) that I hope to improve further. I had to override .toast:not(.show) display in order to achieve the off-page animation.

Working example https://codepen.io/404ryannotfound/pen/KKZgagL

Screenshot

• Hopefully this isn't seen as YACB (yet another code bloat) or pointless UX exercise, but little features like these should always be reviewed if they can can be implemented nicely ¯_(ツ)_/¯