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
- 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 ¯_(ツ)_/¯