Animated Circular Slider - Copy this Html, Bootstrap Component to your project

Create a animated slider , with 4 checkpoint , namely Pending , Started , Running and Completed , all with different suitable colors , once the slider reaches a checkpoint it can never go back , store the data states , and the status data will be exported . use good animation while sliding . remember i want circular checkpoints and slider .