ReTestimonial
Sign inStart free
WidgetsCarouselC·07

Progress Carousel

An auto-rotating carousel with a visible progress bar, so visitors always know how long each testimonial stays and what's coming next.

yoursite.com — Progress CarouselLIVE RENDER
<div class="retestimonial-widget" data-widget-key="progress-carousel">click anywhere on the progress bar to jump.
Demo content — illustrative examples, not real customers

This is the real widget, rendered live by the same runtime your visitors would see — go ahead, click around.

Why this style works

Built to convert, not just to decorate.

Calm, predictable pacing

The progress bar tells visitors exactly how long a quote will stay and that another is coming — no jarring jumps, no wondering if it froze.

Skimmable and clickable

Readers who want to move faster can click straight to the segment they want instead of waiting for the rotation to catch up.

Style the bar itself

Choose a continuous, segmented or stepped bar, set its position, thickness and whether it shows text, and match its color to your brand.

Async and self-contained

One script tag, Shadow DOM isolation, non-blocking load — it behaves the same on every page and platform you paste it into.

Where to put it

Placements that earn their pixels.

Calm, considered landing pages

For brands that value restraint, the measured rotation adds motion without the flashiness of a 3D sweep.

Onboarding and welcome screens

A gentle, self-advancing set of customer wins reassures new users while they get their bearings.

Long-form content breaks

Placed mid-article, the timed rotation gives readers a proof beat without demanding they interact.

Live in three steps

From first testimonial to first embed.

01

Collect your testimonials

Gather text and video testimonials with collection forms, import them from CSV, or sync reviews straight from Google, G2, Capterra, Trustpilot, Product Hunt and social media.

02

Pick this style in the builder

Choose the style, then make it yours — colors, fonts, spacing, and per-element design controls, with a live preview of exactly what will ship.

03

Paste one script tag

Copy the embed snippet into any website — WordPress, Webflow, Shopify, Framer, Next.js, anything that renders HTML. Publish updates from the dashboard without touching your site again.

The whole integration

Paste once. Restyle forever from the dashboard.

<div class="retestimonial-widget" data-widget-key="progress-carousel"></div>
<script src="https://retestimonial.com/embed.js" async></script>
Shadow DOM — zero CSS conflicts~6KB, loads asyncPublish changes without redeploysWorks on any platform

Your widget key is generated when you create the widget — start free and this snippet is yours (demo key shown: progress-carousel).

Keep browsing

Other styles worth a look.

All widget styles →
Questions, answered

Everything else you'd ask.

Which website platforms does the Progress Carousel work on?

All of them — WordPress, Webflow, Shopify, Squarespace, Framer, Wix, or a custom React or Next.js app. It's one script tag and a div, with no plugin to install.

Can visitors click the progress bar to skip ahead?

Yes — the bar is interactive, so a reader can click any point to jump straight to that testimonial instead of waiting for the rotation.

Can I change the progress bar's look?

You can — choose a continuous, segmented or stepped bar, put it at the top or bottom, set its thickness, and show or hide the accompanying text.

How does it behave on mobile?

It's fully responsive — the card and bar scale to the screen, and the timed rotation works the same on touch devices as on desktop.

Is the Progress Carousel free?

Yes — it's on the free plan with ReTestimonial branding, like every carousel style. Paid plans remove branding and raise limits.

C·07 · Progress Carousel

Put this widget on your site today.

Free plan, no card, no code. Collect your first testimonial and this exact widget can be live within the hour.