fbpx

Progress Bars

[vs_row width= »boxed » background= »none » border_width_value_= »0″ border_style= »solid » border_color= »#000″ div_padding_top= »72″ div_padding_right= »0″ div_padding_bottom= »0″ div_padding_left= »0″ ][vs_column span= »span12″][vs_progressbar progress_bar_style= »multiple-bars » progress_bar_show_icon= »yes » progress_bar_show_title= »yes » progress_bar_show_percent= »yes » progress_bar_stack_active= »no » animation= »no » disabled_el= »no » ][vs_item_progressbar pbar_text= »Progress bar 1″ pbar_percentage= »25″ pbar_color= »default » pbar_item_style= »solid » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 2″ pbar_percentage= »35″ pbar_color= »progress-bar-info » pbar_item_style= »solid » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 3″ pbar_percentage= »45″ pbar_color= »progress-bar-success » pbar_item_style= »solid » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 4″ pbar_percentage= »55″ pbar_color= »progress-bar-warning » pbar_item_style= »solid » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 5″ pbar_percentage= »65″ pbar_color= »progress-bar-danger » pbar_item_style= »solid » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][/vs_progressbar][/vs_column][/vs_row][vs_row width= »boxed » container= »fixed » background= »none » solid_color_value= »#FFFFFF » solid_color_color= »#ffffff » gradient_color= »0% #FFFFFF,100% #000000″ gradient_direction= »vertical » repeat= »full » stretch= »none » position= »center center » paralax= »no » paralax_ratio= »0″ border_width_value_= »0″ border_style= »solid » border_color= »#000″ div_padding_top= »72″ div_padding_bottom= »72″ div_padding_right= »0″ div_padding_left= »0″ ][vs_column span= »span12″][vs_progressbar progress_bar_style= »multiple-bars » progress_bar_show_icon= »yes » progress_bar_show_title= »yes » progress_bar_show_percent= »yes » progress_bar_stack_active= »no » animation= »no » disabled_el= »no » ][vs_item_progressbar pbar_text= »Progress bar 1″ pbar_percentage= »25″ pbar_color= »default » pbar_item_style= »solid » pbar_icon= »fa-th-large » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 2″ pbar_percentage= »35″ pbar_color= »progress-bar-info » pbar_item_style= »solid » pbar_icon= »fa-home » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 3″ pbar_percentage= »45″ pbar_color= »progress-bar-success » pbar_item_style= »solid » pbar_icon= »fa-video-camera » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 4″ pbar_percentage= »55″ pbar_color= »progress-bar-warning » pbar_item_style= »solid » pbar_icon= »fa-search-minus » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 5″ pbar_percentage= »65″ pbar_color= »progress-bar-danger » pbar_item_style= »solid » pbar_icon= »fa-trash-o » pbar_group= »multiple-bars » disabled_el= »no » ][/vs_item_progressbar][/vs_progressbar][/vs_column][/vs_row][vs_row width= »boxed » container= »fixed » background= »none » solid_color_value= »#FFFFFF » solid_color_color= »#ffffff » gradient_color= »0% #FFFFFF,100% #000000″ gradient_direction= »vertical » repeat= »full » stretch= »none » position= »center center » paralax= »no » paralax_ratio= »0″ border_width_value_= »0″ border_style= »solid » border_color= »#000″ div_padding_top= »72″ div_padding_bottom= »72″ div_padding_right= »0″ div_padding_left= »0″ ][vs_column span= »span12″][vs_progressbar disabled_el= »no » progress_bar_style= »multiple-bars » progress_bar_show_icon= »yes » progress_bar_show_title= »yes » progress_bar_show_percent= »yes » progress_bar_text_inside= »no » progress_bar_stack_active= »no » animation= »no » animation_style= »fadeIn » animation_speed= »1″ ][vs_item_progressbar pbar_text= »Progress bar 1″ pbar_percentage= »25″ pbar_color= »default » pbar_item_style= »solid » pbar_group= »multiple-bars » pbar_text_inside= »no » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 2″ pbar_percentage= »25″ pbar_color= »default » pbar_item_style= »solid » pbar_group= »multiple-bars » pbar_text_inside= »no » disabled_el= »no » ][/vs_item_progressbar][vs_item_progressbar pbar_text= »Progress bar 3″ pbar_percentage= »25″ pbar_color= »default » pbar_item_style= »solid » pbar_group= »multiple-bars » pbar_text_inside= »no » disabled_el= »no » ][/vs_item_progressbar][/vs_progressbar][/vs_column][/vs_row]
Top