Course Chapter Header - Copy this Html, Tailwind Component to your project

The header of the application displays essential information related to the current chapter of the course. Navigation and Course Information: The top left corner features breadcrumbs that indicate the current navigation path: "Toán" (Math) "Toán lớp 1 (Việt Nam)" (Grade 1 Math Vietnam). Chapter Title: The main title of the chapter is prominently displayed in a large, bold font: "Chương 1: Số tự nhiên" (Chapter 1: Natural Numbers). Progress Information: Beneath the chapter title, there is a progress indicator that shows the completion percentage of the chapter: "Tinh thông chương: 8%" (Mastery of the chapter: 8%). Status Indicators: A row of colored status indicators follows the progress information. These indicators represent various stages of completion for the exercises within the chapter. Each status is labeled with a corresponding icon that denotes its meaning, such as: Tinh thông (Mastery) Thành thạo (Proficient) Đã hiểu bài (Understood) Cần cố gắng (Need Improvement) Chưa bắt đầu (Not Started) Bài kiểm tra nhỏ (Quiz) Bài kiểm tra lớn (Final Exam).