Close

progress bar style 10

This is another example of a web form with a progress bar with dotted lines, designed with HTML and CSS. The class progress-bar of the progress class has been added into the code to create and style the progress bar. The label of the progress bar has the styles of font size as 18px, font-weight as 700, color as #000, letter-spacing as 2px, margin as 0 0 30px, and text-transform as uppercase to automatically transform it to uppercase. The progress line is given a color of #000, and an overflow as visible whereas the bar is given the styles of background as #fff, border-top width as 10px, border style as dotted, a web kit animation of animate-positive 2s, and an animation value of animate-positive 2s. The progress value number is given an initial set of styles as font size as 18px, font-weight as 700, font color as #000, top as -32px, right as -5px, and position as absolute.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *