Progress Bar with Markets Fixture Soccer

I need you to develop a Progress Bar with Angular and Bootstrap markings However, it is not a simple Progress Bar. I need to add markings on the bar. The bar will refer to the running time of a football match, it will start to load as soon as the start method is called. It will be loaded every minute until the standard 90 minutes of a football match. Progress bar markings must be png or svg images. There will be goal scoring, corners and cards. There will also be 1 standard mark on the Progress bar. The break (will be in the middle of the Progress bar) Goal, corner and card markings should be a list of markings. Example: markers: [{"time": 12, "type": "corner"}, {"time": "17," type ":" goal "}] The bar while loading will be colored: green, when it reaches 90 minutes it will be colored red.