Progress Bar

Progress Bar

Weebly app

Install on Weebly

App Details

Progress Bar widget, can be used to add animated progress bars to show the progress of a task, project or skill. Following are some use cases:

  1. Showing the percentage of expertise you have for certain skill
  2. Showing the percentage of the task completion
  3. Comparing different attributes over 100% scale etc..

You can customize following attributes of Progress Bar widget:

  1. Progress Bar Percentage e.g 50% or 60% etc.
  2. Progress Bar Height
  3. Progress Bar Color
  4. Progress Bar Background Color
  5. Border Radius

Please Note: Please make sure that each progress bar on the same page has different and unique id (ID can be changed from settings panel of progress bar).

Strips inside progress bar, are designed using css3 styles. So if some older browsers doesn't support those css3 styles then the strips are removed and only base color is shown thus providing a cross browser solution.

Limitation: Progress bar animation is started on page load which means that if you have progress bars at the bottom of the page then animation will be ended when user will reach that section.

In Safari/iPhones progress bars does not animate due to Safari browser issue. So instead progress bars are static in Safari/iPhones thus covering all browsers and devices.

Our Other Apps

Pricing

Starting from $0 to $9.99 per month.

Check Out the Catalog Widget

By Common Ninja

CatalogTry For Free!

App Info

Rating

Reviewers

No reviews

Tags

progress bar
completion bar in weebly
progress bar for weebly
animating progress bar
colorful progress bars
skills bar in weebly
Tools

Developed By

Junaid Hassan

More apps

apps You Might Like

Discover Apps By Platform

Discover the best apps for your website

WordPress
Wix
Shopify
Weebly
Webflow
Joomla
PrestaShop
Shift4Shop
WebsiteX5
MODX
Opencart
NopCommerce

Common Ninja Search Engine

The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!

Multiple platforms