Carousels & Tickers
Auto-Advancing Carousel with Progress Bars
Auto-advancing carousel where segmented progress bars double as slide indicators, with pause-on-hover and a play/pause control.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Auto-Advancing Carousel with Progress Bars
Live preview of the Auto-Advancing Carousel with Progress Bars component
Plan
Scope the build against a real brief, not a template guess.
The code ships with Velocity.
Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.
Get Velocity X — from $1,250 See all packages →Using the Auto-Advancing Carousel with Progress Bars component
Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.
More Carousels & Tickers components
Browse all →Logo Ticker
CSS-only infinite marquee of client/partner logos that loops seamlessly in either direction and pauses on hover or focus.
Text Marquee
CSS-only scrolling text strip for announcements, joining phrases with a separator glyph and looping infinitely.
Testimonial Carousel (Single)
One-up crossfading testimonial carousel with arrows, dots, autoplay with pause-on-hover, swipe and keyboard navigation.
Testimonial Carousel (Peek)
Multi-card testimonial carousel on native CSS scroll-snap showing a peek of the next card, with synced dots and arrow controls.
Image Carousel with Thumbnails
Large image preview with a clickable, auto-scrolling thumbnail rail, arrow/keyboard navigation and swipe support.
Full-Bleed Hero Slider
Full-bleed crossfading hero image slider with scrim overlay, headline/CTA content, autoplay, arrows, dots and swipe.