Horizontal Bar Chart
Horizontal bars that race to their values with staggered animation.
Adjust the preview
Every choice updates the preview and the wording below.
Bars
Animation
Colors
Labels
Bar Style
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a horizontal bar chart with 6 bars that animate from 0% to their value. Bars grow with a smooth slide-right ease-out animation and have different gradient colors per bar colors. Each bar shows a left-aligned text label label on the left and a value on the right. The bars have rounded corners (8px radius) styling. Stagger the animation with a delay between each bar.
Paste it into Claude, Cursor, or v0 along with the context for your project.