Elements: Progress Bars

[kc_row use_container=»yes» _id=»688707″ cols_gap=»{`kc-css`:{}}» force=»__empty__» css_custom=»{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiMwNzA3MDciLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}» _collapse=»1″][kc_column width=»12/12″ video_mute=»no» _id=»806068″][kc_row_inner column_align=»middle» video_mute=»no» _id=»759106″][kc_column_inner width=»100%» _id=»604747″][kc_title text=»UHJvZ3Jlc3MgYmFycyB0eXBlIDE=» _id=»782598″ type=»p» css_custom=»{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#ffffff`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}»][kc_row_inner# column_align=»middle» video_mute=»no» _id=»592638″][kc_column_inner# width=»100%» _id=»224029″][kc_progress_bars speed=»2000″ options=»eyIxIjp7ImxhYmVsIjoiTW90aW9uIEdyYXBoaWNzIiwidmFsdWUiOiI4NSIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmYwMDdiIn0sIjIiOnsibGFiZWwiOiJQaG90byBSZXRvdWNoIiwidmFsdWUiOiI5MCIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmYwMDdiIn0sIjMiOnsibGFiZWwiOiJBbmFseXNpcyIsInZhbHVlIjoiOTUiLCJ2YWx1ZV9jb2xvciI6IiNmZmZmZmYiLCJwcm9iX2NvbG9yIjoiI2ZmMDA3YiJ9LCI0Ijp7ImxhYmVsIjoiU3RyYXRlZ3kiLCJ2YWx1ZSI6Ijg1IiwidmFsdWVfY29sb3IiOiIjZmZmZmZmIiwicHJvYl9jb2xvciI6IiNmZjAwN2IifSwiNSI6eyJsYWJlbCI6IlBob3RvZ3JhcGh5IiwidmFsdWUiOiI4NSIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmYwMDdiIn19″ _id=»383029″ style=»3″ custom_css=»{`kc-css`:{`any`:{`title`:{`color|.progress-item span.label`:`#ffffff`,`font-size|.progress-item span.label`:`12px`,`font-weight|.progress-item span.label`:`600`,`text-transform|.progress-item span.label`:`uppercase`},`value`:{`font-size|.progress-item .value`:`12px`},`item-style`:{`height|.kc-ui-progress-bar, .kc-ui-progress`:`7px`,`background-color|.kc-ui-progress-bar`:`#232323`},`wrapper`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`}}}}»][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=»yes» _id=»696514″ cols_gap=»{`kc-css`:{}}» force=»__empty__» css_custom=»{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiNmZmZmZmYiLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}» _collapse=»1″][kc_column width=»12/12″ video_mute=»no» _id=»716716″][kc_row_inner column_align=»middle» video_mute=»no» _id=»916262″][kc_column_inner width=»100%» _id=»738205″][kc_title text=»UHJvZ3Jlc3MgYmFycyB0eXBlIDI=» _id=»86150″ type=»p» css_custom=»{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#232323`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}»][kc_row_inner# column_align=»middle» video_mute=»no» _id=»592721″][kc_column_inner# width=»100%» _id=»626529″][kc_progress_bars speed=»2000″ options=»eyIxIjp7ImxhYmVsIjoiTW90aW9uIEdyYXBoaWNzIiwidmFsdWUiOiI4NSIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmYwMDdiIn0sIjIiOnsibGFiZWwiOiJQaG90byBSZXRvdWNoIiwidmFsdWUiOiI5MCIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmYwMDdiIn0sIjMiOnsibGFiZWwiOiJBbmFseXNpcyIsInZhbHVlIjoiOTUiLCJ2YWx1ZV9jb2xvciI6IiNmZmZmZmYiLCJwcm9iX2NvbG9yIjoiI2ZmMDA3YiJ9LCI0Ijp7ImxhYmVsIjoiU3RyYXRlZ3kiLCJ2YWx1ZSI6Ijg1IiwidmFsdWVfY29sb3IiOiIjZmZmZmZmIiwicHJvYl9jb2xvciI6IiNmZjAwN2IifSwiNSI6eyJsYWJlbCI6IlBob3RvZ3JhcGh5IiwidmFsdWUiOiI4NSIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmYwMDdiIn19″ _id=»263798″ style=»2″ custom_css=»{`kc-css`:{`any`:{`title`:{`color|.progress-item span.label`:`#232323`,`font-size|.progress-item span.label`:`12px`,`font-weight|.progress-item span.label`:`600`,`text-transform|.progress-item span.label`:`uppercase`},`value`:{`font-size|.progress-item .value`:`12px`},`item-style`:{`height|.kc-ui-progress-bar, .kc-ui-progress`:`7px`,`background-color|.kc-ui-progress-bar`:`#f1f1f1`},`wrapper`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`}}}}»][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=»yes» _id=»511808″ cols_gap=»{`kc-css`:{}}» force=»__empty__» css_custom=»{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoiJVNJVEVfVVJMJS93cC1jb250ZW50L3VwbG9hZHMvMjAxOC8xMS9ldmVudC0zLmpwZyIsInBvc2l0aW9uIjoiY2VudGVyIGNlbnRlciIsInNpemUiOiJjb3ZlciIsInJlcGVhdCI6Im5vLXJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MX0=`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}» _collapse=»1″][kc_column width=»12/12″ video_mute=»no» _id=»323405″][kc_row_inner column_align=»middle» video_mute=»no» _id=»251129″][kc_column_inner width=»100%» _id=»341138″][kc_title text=»UHJvZ3Jlc3MgYmFycyB0eXBlIDM=» _id=»299448″ type=»p» css_custom=»{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#ffffff`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}»][kc_row_inner# column_align=»middle» video_mute=»no» _id=»470814″][kc_column_inner# width=»100%» _id=»807167″][kc_progress_bars speed=»2000″ options=»eyIxIjp7ImxhYmVsIjoiTW90aW9uIEdyYXBoaWNzIiwidmFsdWUiOiI4NSIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmZmZmZmIn0sIjIiOnsibGFiZWwiOiJQaG90byBSZXRvdWNoIiwidmFsdWUiOiI5MCIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmZmZmZmIn0sIjMiOnsibGFiZWwiOiJBbmFseXNpcyIsInZhbHVlIjoiOTUiLCJ2YWx1ZV9jb2xvciI6IiNmZmZmZmYiLCJwcm9iX2NvbG9yIjoiI2ZmZmZmZiJ9LCI0Ijp7ImxhYmVsIjoiU3RyYXRlZ3kiLCJ2YWx1ZSI6Ijg1IiwidmFsdWVfY29sb3IiOiIjZmZmZmZmIiwicHJvYl9jb2xvciI6IiNmZmZmZmYifSwiNSI6eyJsYWJlbCI6IlBob3RvZ3JhcGh5IiwidmFsdWUiOiI4NSIsInZhbHVlX2NvbG9yIjoiI2ZmZmZmZiIsInByb2JfY29sb3IiOiIjZmZmZmZmIn19″ _id=»714841″ style=»1″ custom_css=»{`kc-css`:{`any`:{`title`:{`color|.progress-item span.label`:`#ffffff`,`font-size|.progress-item span.label`:`12px`,`font-weight|.progress-item span.label`:`600`,`text-transform|.progress-item span.label`:`uppercase`},`value`:{`font-size|.progress-item .value`:`12px`},`item-style`:{`height|.kc-ui-progress-bar, .kc-ui-progress`:`10px`,`background-color|.kc-ui-progress-bar`:`#232323`},`wrapper`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`}}}}»][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row]

You can also sellect color codes via admin theme options

That is some options to demo for you.

X