Progress Bar

Place a beautiful Progressbar in post/page/portfolio post.

Please follow below steps to use “Progressbar” shortcode.

  • Step 1: Login to WordPress Admin section.
  • Step 2: Add/Edit any page/post/portfolio post.
  • Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
  • Step 4: Click on H-Code tab, it will show all shortcodes of H-Code theme. Now click on “Progressbar” shortcode.
  • Step 5: Follow below inputs/settings to set “Progressbar” and go to next step to add Progressbar slide.

ProgressBar Settings

Show Width – Check to show Width of ProgressBar

Title Inside ProgressBar – Check to show Title Inside ProgressBar

Step 6: Click on “+” button as show in below image to add Progressbar item.

Step 7: Click on “Add Progressbar” as showing in below image.

Step 8: Follow below inputs/settings and see “Progressbar” preview in frontend.

Add ProgressBar Settings

Title – Add title text

Sbutitle – Add Subtitle text

Height – Define Height of Progressbar in numeric value like 2

Width – Define Width of Progressbar in numeric value like 80

ProgressBar Color – Choose ProgressBar Color

Gradient – Check to show Gradient in ProgressBar