Elements — Progress Bars

[vc_row][vc_column width=»1/2″][heading header_type=»h2″ header_size=»normal» header_weight=»regular» header_align=»left» margin_top=»70″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0″]Normal bars[/heading][progress percentage=»50″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»none» scroll_animation_delay=»0″ style=»progress-bar-info»][progress percentage=»60″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.1″ style=»progress-bar-primary»][progress percentage=»70″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.2″ style=»progress-bar-success»][progress percentage=»80″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.3″ style=»progress-bar-warning»][progress percentage=»90″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» y=»0″ style=»progress-bar-danger» scroll_animation_delay=»0.5″][heading header_type=»h2″ header_size=»normal» header_weight=»regular» header_align=»left» margin_top=»70″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0″]Animated bars[/heading][progress percentage=»50″ type=»progress progress-striped active» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.6″ style=»progress-bar-info»][progress percentage=»60″ type=»progress progress-striped active» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.8″ style=»progress-bar-primary»][progress percentage=»70″ type=»progress progress-striped active» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.9″ style=»progress-bar-success»][progress percentage=»80″ type=»progress progress-striped active» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1″ style=»progress-bar-warning»][progress percentage=»90″ type=»progress progress-striped active» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.1″ style=»progress-bar-danger»][/vc_column][vc_column width=»1/2″][heading header_type=»h2″ header_size=»normal» header_weight=»regular» header_align=»left» margin_top=»70″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0″]Stripped bars[/heading][progress percentage=»50″ type=»progress progress-striped» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.2″ style=»progress-bar-info»][progress percentage=»60″ type=»progress progress-striped» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.3″ style=»progress-bar-primary»][progress percentage=»70″ type=»progress progress-striped» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.4″ style=»progress-bar-success»][progress percentage=»80″ type=»progress progress-striped» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.5″ style=»progress-bar-warning»][progress percentage=»90″ type=»progress progress-striped» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.6″ style=»progress-bar-danger»][heading header_type=»h2″ header_size=»normal» header_weight=»regular» header_align=»left» margin_top=»70″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0″]Bars with labels[/heading][progress percentage=»50″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»none» scroll_animation_delay=»1.7″ style=»progress-bar-info» progress_text=»HTML»][progress percentage=»60″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.8″ style=»progress-bar-primary» progress_text=»CSS»][progress percentage=»70″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»1.9″ style=»progress-bar-success» progress_text=»PHP»][progress percentage=»80″ type=»progress» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»2″ style=»progress-bar-warning» progress_text=»DESIGN»][progress percentage=»90″ type=»progress» margin_top=»20″ margin_bottom=»100″ scroll_animation=»fadeIn» y=»0″ style=»progress-bar-danger» scroll_animation_delay=»2.1″ progress_text=»jQUERY»][/vc_column][/vc_row]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *