I’d like to put in this feature request for a slide timer/timeline element that would show a bar (or something else) that fills up according to the autoplay interval duration. This would give you a visual cue as to how long you’ve got before the slider transitions to the next slide. It can be annoying when content moves automatically without warning and this element could help at least give people that visual indication that it will.
Hi @JvP,
Thanks for suggesting this. We were considering it as well and found a way to get that in today before we get the release candidate out. The Docs will include notes on the final implementation, but we’ve added it as another CSS custom property. On the slider context element, there will be a new --x-slide-autoplay-progress property available which updates linearly from 0-1 for each time the autoplay interval runs. The best way to use this would be a handwritten transform that does scaleX and references the variable. You’ll also want to set the transition duration to 0ms because the animation is handled in requestAnimationFrame and updated every frame. It takes a bit to setup, but this will offer the most creative flexibility when it comes to adding progress bars.
2 Likes
Oh that’s cool. I’ll play around with that once it’s available. Thanks!
thanks!