+221 33 859 28 56 | +226 25 32 87 63 | +226 73 83 66 99 contact@cbc-africa.com

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]