JKIT- Progress Bar

Progress Bar element with escalating animation. This time we will give you a tutorial using JKIT, as follows

The guide is separated into the sections below. Click on it to navigate to the designated section.

1. Activate JKit Progress Bar (#)
2. Adding JKIT Progres Bar to Page (#)
3. Content Setting (#)
4. Style Setting (#)

Activate JKIT Progres Bar

Before starting, please make sure the JKit button is already activated on Jeg Elementor Kit Dashboard ➞Elements

Adding JKIT Progress Bar To The Page

to add a JKit Progress Bar to your page you can open Elementor on your page after Elementor opened you can search for “Progress Bar” on the sidebar

Content JKit – Progres Bar

1. Style
   choose a progress type
2. Title
   Enter title words
3. Percentage
   set the percentage amount
4. Animation Duration
   determine the delay percentage

Style Setting 

You can adjust the style of the button as you like, JKit Progress Bar style settings are separated into several groups. Click on it to navigate to the designated group

1. 1. BAR (#)
   2. Track (#)
   3. Title (#)
   4. Percent (#)
   5. CSS BOX (#)

BAR (#)

1. Background Type
   Choose the line background color
2. Height
   set the line bar size
3. Shadow
   add a shadow effect
4. Border Radius
   to tidy up every corner of the progress bar
5. Padding
   leave blank space for the progress bar
6. Margin
   Adjust the position of the icon to make it tidier

Track (#)

1. Background Type
   choose color for progress br
2. Shadow
   add shadow effect
3. Border Radius
   to tidy up every corner of the progress bar

Title (#)

1. Color
   choose a color for the title
2. Title Typography
   choose the font type for the title
3. Title Shadow
   to tidy up every corner

Percent (#)

1. Color
   choose a color for the percentage
2. Title Typography
   choose the font type for the percentage
3. Title Shadow
   to tidy up every corner

CSS BOX (#)

You can additional CSS on this box