PSU
Purecode Step Up

Progress Indicator - Copy this React, Tailwind Component to your project

Create an illustration for a 5 step progress indicator: Display 5 circular nodes numbered 1 to 5, arranged horizontally from left to right Make node 3 larger and filled with a solid blue color, representing the current step Color nodes 1 and 2 light blue, indicating completed steps Color nodes 4 and 5 light gray, showing upcoming steps Connect the nodes with a blue line Place an orange star icon at the far right, representing the final goal Use a minimalist and modern design style" This prompt guides the creation of an image similar to the example, showing a 5 step process with the current state at step 3.

Prompt
Component Preview

About

ProgressIndicator - A 5-step progress bar with circular nodes, highlighting current steps in blue, completed in light blue, and upcomi. Download code free!

Share

Last updated 1 month ago