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