Vector map with progressbar
This is an example of a vector map with a progress bar, designed using CSS, HTML, and Bootstrap framework 4. The map has been created in HTML using a JQVMap plugin which renders clickable and interactive vector maps, which uses SVG graphics. The coordinates of the map are set in HTML. It is given a width of 490 and a height of 240. The progress bar is given a style set of display as flex, height as 1rem, font-size as .65625rem, background-color as #e9ecef, and border-radius as .25rem. The header of the form is given a text style as strong, to make it bold. The three progress bars are created as three types of bars: primary, success, and danger. The labels of the progress bar are being displayed using the color of rgba(135, 150, 165, .1), which is also the background color for the progress section. The stats are displayed using a muted text.