Application Stages Timeline - Copy this Html, Bootstrap Component to your project

I want to show student application stages in vertical order with arrow icon where previous stage will be gray color and current stage will be shown active. these are my stages for application ' 0: "Pending", 1: "Application & Document Attestation", 2: "University Tuition Fee", 3: "DHL for fall", 4: "Appointment Indian Visa", 5: "Preparation for Embassy, India", 6: "Embassy Appointment", 7: "Preparation for File Submission Embassy, India", 8: "Submit File to India", 9: "VISA", 10: "Legalization (If required)", 11: "Service Charge", 12: "Fly"'