Skip to content
Home
Pricing
Elements
Account
Contact
Main Menu
Home
Pricing
Elements
Account
Contact
Back to all Elements
Shortcode demos
Element
Progress bar
Element ID
progress-bar
Progress bar 11/10!
Progress bar 11/10!
{"adv-vis-ele-element_id":"progress-bar","inner-text":"Progress bar 11\/10!","bar-width":"400","bar-height":"40","bar-width-mobile":"200","bar-height-mobile":"30","border-radius":"5","font-size":"24","font-size-mobile":"18","fill-percentage":"90","text-color":"rgb(255, 255, 255)","use-inset-background":false,"fill-duration":"1","background-color":"rgb(206, 206, 206)","use-background-color-gradient":false,"background-color-2":"rgba(32, 89, 168, 1)","fill-bar-color":"rgba(0, 198, 224, 0.73)","use-progress-bar-color-gradient":false,"fill-bar-color-2":"rgba(83, 245, 163, 1)"}
Copy to Import
Really it's 9/10!
Different colors & slower
{"adv-vis-ele-element_id":"progress-bar","inner-text":"Really it's 9\/10!","bar-width":"500","bar-height":"60","bar-width-mobile":"200","bar-height-mobile":"30","border-radius":"5","font-size":"32","font-size-mobile":"18","fill-percentage":"90","text-color":"rgb(255, 255, 255)","use-inset-background":false,"fill-duration":"4","background-color":"rgb(238, 238, 34)","use-background-color-gradient":false,"background-color-2":"rgba(32, 89, 168, 1)","fill-bar-color":"rgb(0, 198, 224)","use-progress-bar-color-gradient":false,"fill-bar-color-2":"rgba(83, 245, 163, 1)"}
Copy to Import
Progress 7/10
Inset progress bar
{"adv-vis-ele-element_id":"progress-bar","inner-text":"Progress 7\/10","bar-width":"400","bar-height":"40","bar-width-mobile":"200","bar-height-mobile":"30","border-radius":"5","font-size":"24","font-size-mobile":"18","fill-percentage":"70","text-color":"rgba(255, 255, 255, 1)","use-inset-background":true,"fill-duration":"2","background-color":"rgba(59, 137, 245, 1)","use-background-color-gradient":false,"background-color-2":"rgba(32, 89, 168, 1)","fill-bar-color":"rgba(66, 168, 116, 1)","use-progress-bar-color-gradient":true,"fill-bar-color-2":"rgba(83, 245, 163, 1)"}
Copy to Import
