File Content: class-pxl-progressbar.php <?php class PxlProgressbar_Widget extends Pxltheme_Core_Widget_Base{ protected $name = 'pxl_progressbar'; protected $title = 'PXL Progress Bar'; protected $icon = 'eicon-skill-bar'; protected $categories = array( 'pxltheme-core' ); protected $params = '{"sections":[{"name":"layout_section","label":"Layout","tab":"layout","controls":[{"name":"layout","label":"Templates","type":"layoutcontrol","default":"1","options":{"1":{"label":"Layout 1","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_progressbar-1.jpg"}}}]},{"name":"source_section","label":"Source Settings","tab":"content","controls":[{"name":"progressbar_list","label":"Progress Bar Lists","type":"repeater","controls":[{"name":"title","label":"Title","type":"text","placeholder":"Enter your title","default":"My Skill","label_block":true},{"name":"percent","label":"Percentage","type":"slider","default":{"size":50,"unit":"%"},"label_block":true},{"name":"item_bar_color","label":"Bar Background Color","type":"color","selectors":{"{{WRAPPER}} {{CURRENT_ITEM}} .pxl-progress-bar":"background-color: {{VALUE}}"}},{"name":"item_bar_bg","label":"Bar Background Color","type":"background","types":["classic","gradient"],"control_type":"group","exclude":["image"],"selector":"{{WRAPPER}} .pxl-progressbar {{CURRENT_ITEM}} .pxl-progress-bar","fields_options":{"background":{"default":"classic"}}}],"title_field":"{{title}}"}]},{"name":"section_title","label":"Style","tab":"style","controls":[{"name":"title_color","label":"Title Color","type":"color","selectors":{"{{WRAPPER}} .pxl-progressbar .progress-title":"color: {{VALUE}};"}},{"name":"typography","label":"Title Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-progressbar .progress-title"},{"name":"percent_color","label":"Percentage Color","type":"color","selectors":{"{{WRAPPER}} .pxl-progressbar .progress-percentage":"color: {{VALUE}};"}},{"name":"percentage_typography","label":"Percentage Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-progressbar .progress-percentage"},{"name":"bound_color","label":"Bound Background Color","type":"color","selectors":{"{{WRAPPER}} .pxl-progressbar .progress-bound":"background-color: {{VALUE}};"}},{"name":"bar_background","label":"Bar Background Color","type":"background","types":["classic","gradient"],"control_type":"group","exclude":["image"],"selector":"{{WRAPPER}} .pxl-progressbar .pxl-progress-bar","fields_options":{"background":{"default":"classic"}}},{"name":"space_bottom","label":"Item Bottom Space (px)","type":"slider","description":"Enter number.","size_units":["px"],"range":{"px":{"min":0,"max":500}},"default":{"unit":"px"},"control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-progressbar .progress-item + .progress-item":"margin-top: {{SIZE}}{{UNIT}};"}},{"name":"item_animation","label":"Item Motion Effect","type":"animation","condition":{"layout":["1"]}},{"name":"item_animation_duration","label":"Item Animation Duration","type":"select","default":"normal","options":{"slow":"Slow","normal":"Normal","fast":"Fast"},"condition":{"layout":["1"],"item_animation!":""}},{"name":"item_animation_delay","label":"Item Animation Delay","type":"number","min":0,"step":100,"condition":{"layout":["1"],"item_animation!":""}}]}]}'; protected $styles = array( ); protected $scripts = array( 'pxl-progressbar' ); } Submit