WpTrunk

Tag: progress bar

  • JetGuten — Blocks Set Addon for Gutenberg Editor (Add-ons)

    JetGuten — Blocks Set Addon for Gutenberg Editor (Add-ons)

    Purchase $22.00

    JetGuten Overview

    JetGuten is a top-notch addon for Gutenberg editor, which provides the set of content blocks with intuitive visual stylization.

     

    Enjoy working with Gutenberg editor while using the multiple content blocks that allow adding stylish Circle Progress elements, Progress Bars, SVG images, Image Comparison blocks and banners.

    JetGuten plugin is created specially for working with Gutenberg editor. The widgets provided in it are easy-to-use and can be smoothly customized from visual editor interface.

    Features

    Loaded with Content

    JetGuten provides the set of content blocks available for adding and editing. Everything is simple and clear.

    Works with Gutenberg

    JetGuten will add the new content blocks into Gutenberg, providing you with more opportunities of creating content.

    Animated Box

    This block makes it possible to add animated boxes to the pages built with Gutenberg. The block possesses easily changeable animation effects, and the whole set of appearance settings for the back and front sides of the box.

    Banner

    This block will assist you in creating banners from your custom images with the most stylish animation effects, to attract attention of the visitors to your links. The widget has 11 effect settings along with the title, description and overlay styles that can be easily changed according to one’s needs.

    Circle Progress

    The block is useful for showcasing the current progress of the project, or displaying the rate in percents or to show the proportion from the maximum value. The block provides you with the easy-to-use content settings as well as stylization settings for the circle, value and label blocks.

    Countdown Timer

    This block allows to display the countdown to the set date in the future using the simple countdown that displays the days, hours, minutes and seconds. The block has easily manageable settings, allowing to change the size of the timer, display the separator, change value, label and panel settings.

    Image Comparison

    This block provides you with an ability to add the two-image block to showcase Before and After state of the object you’re displaying. It has the basic content settings as well as the style settings for the labels, border, etc.

    Inline SVG

    This block provides you with an opportunity to add SVG images without the need to add any extra plugins to WordPress. The block makes it easy to download and display the image that has scalable vector graphics format.

    Map

    The block is a perfect solution if you’re looking for an easy way to add a Google map to the page built with Gutenberg. The block provides access to the general settings, such as Address, Map or Satellite view, zoom level, etc.

    Pricing Table

    This block will help you display the pricing blocks with all the necessary content added to them using one of the preset styles. You’ll also be able to customize the appearance settings for the pricing blocks, making them suit your general page’s style.

    Progress Bar

    This block allows adding attractive progress bars to showcase the progress of the process you’re displaying. With this block you’ll be able to change the progress value, change the layout style by selecting one of the 6 styles, and customize the style of the bar.

    Well-documented

    JetGuten has vast documentation that will help you use the set of blocks in JetGuten.

    24/7 Support

    Competent support team will promptly handle all your questions and will be happy to help you with JetGuten.

    Purchase $22.00
  • Studying Time — Studying Development Bar for WordPress (Interface Parts)

    Studying Time — Studying Development Bar for WordPress (Interface Parts)

    Purchase $7.00

    Reading Time is small WordPress plugin that creates a progress bar that indicates how much you’ve scrolled on a website.
    It’s very useful to show the reading progress on page or a blog post.
    Generally, such indicators are used on long articles and help readers understand how far they are from finishing the article.
    It support most popular browsers: Chrome, Firefox, Safari, IE8+ and mobile browsers.

    Now your readers have a graphical view of the estimation time and reading progress.

    Features list

    • Easy to use: Install & Go
    • Works with all Themes
    • Full Responsive, works on all devices
    • Easy to customise
    • Customizable position
    • Customizable colors
    • Customizable height
    • 6 styles avalible, more in next version
    • Support For Mobile Devices
    • Valid HTML5 Code
    • Cross-browser Compatible
    • Lightweight and Fast
    • Native JavaScript, without jQuery
    • All major browsers supported: IE8+, Chrome, Firefox, Safari, Android browser, Opera, iOs browser
    • Installation Guide
    • Detailed Users Manual

    6 months support by 42theme

    Item support includes:

    • All future updates made available for this item are included with purchase
    • Availability of the author to answer questions
    • Get assistance with reported bugs and issues
    • Help with included 3rd party assets

    Item support does not include:

    • Customizations and installations

    For more details, view the item support policy.

    Item Contents

    • 01_Plugin
    • 02_Documentation
    • Licensing

    Note

    If you have any questions please feel free to email us via contact form here.

    Purchase $7.00
  • Web page Content material Navigator For WordPress (Interface Parts)

    Web page Content material Navigator For WordPress (Interface Parts)

    Purchase $16.00

    Latest Version: 24.02.2017 – v1.0.

    Site Content Navigator For WordPress is a plugin created to facilitate the navigation on a website page. Plugin comes with customizable progress bar indicating current reading progress, additional interaction options allow to quickly navigate around the page. Key plugin feature is support for sections, which indicate parts of a page that you want to emphasize to the user. Thanks to them user has better orientation over page content and be able to jump between different chapters.

    Extended Feature List

    • jQuery Powered
    • Support For Mobile Devices
    • Progress Bar Indicating The Reading Progress
    • Support For Sections
    • Automatic And Manual Section Configuration
    • Tooltips With Section Details
    • Navigation Menu Displaying Current Section
    • Additional Menu Listing Available Sections
    • Build-In Navigation Widget
    • Build-In Post Settings
    • Build-In Global Settings
    • 800+ Fonts Variants to Choose
    • Customizable colors
    • Support for translations
    • Crossbrowser Compatible
    • Documentation With Step-By-Step Guide Included
    • Instructional Videos
    • Valid HTML5 Code

    This Item is Supported

    Support is conducted through our Support Forum. We’re in GMT +1 and we aim to answer all questions within 24 hours in weekdays. In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.

    We Are Trusted by 80,000+ Customers

    We are a team of passionate people with 10+ years of experience and 6+ years of our presence on CodeCanyon. We specialize in WordPress, design and development. Please follow us to stay up to date as we continue to craft our works.

    Follow on EnvatoFollow on TwitterQuanticaLabs Support ForumQuanticalabs Website

    Videos

    Purchase $16.00
  • ElementBox Visible Composer Extensions (Add-ons)

    ElementBox Visible Composer Extensions (Add-ons)

    Purchase $21.00

    ElementBox is a WordPress plugin for Visual Composer comes with over 20 premium elements, so it extends and adds power to your Visual Composer.

    Purchase $21.00
  • DV Loading – WordPress Web page Preloader Plugin (Interface Parts)

    DV Loading – WordPress Web page Preloader Plugin (Interface Parts)

    Purchase $17.00

    DV Loading is a WordPress site preloader plugin which adds your website a cool page loading animation with tons of customization options.

    It is fully responsive and very flexible. DV Loading offers a ton of features and flexibility. You can add loading animations to all your pages, to only your homepage, to the archive pages or you can select specific post types.

    Another option is shortcode mode. You can create unlimited unique page loading animation for each of your pages with a single shortcode! All attributes of the shortcode can be generated from the plugin settings page easily.

    Features

    1. Unique text loading animation
    2. Powerful easy to use plugin settings
    3. 32 CSS3 page transitions
    4. 29 ready to use animated gifs
    5. 5 CSS3 custom image animation
    6. Custom image option
    7. All colors are changeable
    8. Fully responsive. You can change font sizes according to different screen sizes.
    9. Google web font support
    10. Animated loading bar
    11. Animated loading percentage counter
    12. Skip loading link option
    13. You can change their placements and margins…
    14. Lightweight, doesn’t load any script which you don’t want to use.
    15. Clean code
    16. Compatible with WPML plugin
    17. Detailed help documentation
    18. and much more…

    Credits

    GIF Animations

    1. Modern Flat Preloader Set
    2. Flat Preloaders 2
    3. Flat Preloaders

    CSS

    1. Animate
    Purchase $17.00
  • DV Loading – WordPress Website Preloader Plugin (Interface Parts)

    DV Loading – WordPress Website Preloader Plugin (Interface Parts)

    Purchase $17.00

    DV Loading is a WordPress site preloader plugin which adds your website a cool page loading animation with tons of customization options.

    It is fully responsive and very flexible. DV Loading offers a ton of features and flexibility. You can add loading animations to all your pages, to only your homepage, to the archive pages or you can select specific post types.

    Another option is shortcode mode. You can create unlimited unique page loading animation for each of your pages with a single shortcode! All attributes of the shortcode can be generated from the plugin settings page easily.

    Features

    1. Unique text loading animation
    2. Powerful easy to use plugin settings
    3. 32 CSS3 page transitions
    4. 29 ready to use animated gifs
    5. 5 CSS3 custom image animation
    6. Custom image option
    7. All colors are changeable
    8. Fully responsive. You can change font sizes according to different screen sizes.
    9. Google web font support
    10. Animated loading bar
    11. Animated loading percentage counter
    12. Skip loading link option
    13. You can change their placements and margins…
    14. Lightweight, doesn’t load any script which you don’t want to use.
    15. Clean code
    16. Compatible with WPML plugin
    17. Detailed help documentation
    18. and much more…

    Credits

    GIF Animations

    1. Modern Flat Preloader Set
    2. Flat Preloaders 2
    3. Flat Preloaders

    CSS

    1. Animate
    Purchase $17.00
  • DV Loading – WordPress Web site Preloader Plugin (Interface Components)

    DV Loading – WordPress Web site Preloader Plugin (Interface Components)

    Purchase $17.00

    DV Loading is a WordPress site preloader plugin which adds your website a cool page loading animation with tons of customization options.

    It is fully responsive and very flexible. DV Loading offers a ton of features and flexibility. You can add loading animations to all your pages, to only your homepage, to the archive pages or you can select specific post types.

    Another option is shortcode mode. You can create unlimited unique page loading animation for each of your pages with a single shortcode! All attributes of the shortcode can be generated from the plugin settings page easily.

    Features

    1. Unique text loading animation
    2. Powerful easy to use plugin settings
    3. 32 CSS3 page transitions
    4. 29 ready to use animated gifs
    5. 5 CSS3 custom image animation
    6. Custom image option
    7. All colors are changeable
    8. Fully responsive. You can change font sizes according to different screen sizes.
    9. Google web font support
    10. Animated loading bar
    11. Animated loading percentage counter
    12. Skip loading link option
    13. You can change their placements and margins…
    14. Lightweight, doesn’t load any script which you don’t want to use.
    15. Clean code
    16. Compatible with WPML plugin
    17. Detailed help documentation
    18. and much more…

    Credits

    GIF Animations

    1. Modern Flat Preloader Set
    2. Flat Preloaders 2
    3. Flat Preloaders

    CSS

    1. Animate
    Purchase $17.00
  • Orbit – Visible Composer Addon (Add-ons)

    Orbit – Visible Composer Addon (Add-ons)

    Purchase $19.00

    Visual Composer AddonUltimate Extension Visual Composer

    Complete List of Features:

    • World-class Design – Perfect for every website
    • Highly custom and incredibly flexible Flip Boxes
    • 1-click automatic updates
    • Stunning buttons with over 60 animation effects
    • Easily Customizable
    • Built on Bootstrap
    • Valid HTML5 + CSS3
    • Ultra Responsive and 100% Mobile-ready
    • Easily Animate every element
    • Live Preview of Elements in Backend Editor
    • Actively updated and maintained
    • Includes 25 Gorgeous Elements – and many more to come: Visit Live Demo
    • Industry-leading Customer Support:
      • Access to our Online Help Center: A-Themes Help Center
      • Real-life Professional Support Team
      • Advanced Support Ticket System
      • Extensive Written User Manual
    • Additional Awesomeness:
      • WordPress Codex Standards Compliant
      • 28 color variations available for Buttons, Drop caps, Content Boxes, Pricing Boxes and Tabs
      • Pricing Boxes come in 2 gorgeous design styles
      • 87 Professionally designed Icons
      • 1000+ Vector Icons powered by Font-Awesome
      • Social Icons come in 8 design variations, are completely scalable and fully retina-ready.
      • Unique CSS naming to avoid theme conflicts.
      • Lightweight clean and easy-to-read code

    Changelog:

    2016 May 1 – Version 1.7.0

    New: Orbit settings page (WP-Dashboard > Orbit > SVG Upload)
  New: Automatic updates via Orbit settings page using Kernl.
-----
Update: Created Flipping Boxes for Image Box 1 and Image Box 2 with four flipping animations
Update: Redesigned Buttons from the ground up and added 69 hover animations
Update: All elements fully compatible with Visual Composer 4.11+
Update: Added Fly in animations to all Elements
-----
Deprecated: Tab 2
-----
Bug Fix: Minor bug fixes

    2015 Nov 2 – Version 1.6

    New: Orbit settings page (WP-Dashboard > Orbit)
New: Automatic updates via Orbit settings page.
-----
Update: All elements fully compatible with Visual Composer 4.8+
Update: Changed add_shortcode_param to vc_add_shortcode_param (required for VC 4.8+)
Update: Orbit Circle Icon Loader to use visual icon dropdown.
Update: Orbit Icon box to use visual icon dropdown.
Update: Orbit Icon + text to use visual icon dropdown.
Update: Orbit Image box round to use visual icon dropdown.
Update: Orbit Tab style 1 to use visual icon dropdown.
Update: Orbit Tab style 3 (vertical) to use visual icon dropdown.
Update: FontAwesome library updated to latest version 4.4.0
Update: Orbit Content Box to use visual icon dropdown.
Update  Orbit Feature List Item to use visual icon dropdown.
-----
Bug Fix: Default VC templates
Bug Fix: Minor bug fixes

    2015 Sep 16 – Version 1.5

    Update: All elements fully compatible with Visual Composer 4.7.1.1

    2015 Jun 17 – Version 1.4

    Update: prettyPhoto script to latest version

    2014 Oct 2 – Version 1.2

    - New Element - Centered Text Heading
- New Option - Add an icon to content box titles
- New Option - Use custom icons in place of Font-Awesome icons (html input)
- New Option - Use custom icons in place of Font-Awesome icons (image upload)
- New Option - Disable icons on vertical tabset
- New Option - 6 new design controls added to vertical tabset
- New Option - Link to specific tabs within all tabsets
- Improvement - Live editor preview added for Feature Lists
- Improvement - Live editor preview added for Image Box 1
- Improvement - Live editor preview added for Image Box 2
- Improvement - Cleaned up code for more bulletproof theme compatibility
- Improvement - Added "orbit-" to PNG icons to prevent conflicts with iconmoon and other font libraries.
- Theme Compatible - Fully tested and compatible with U-Design theme
- Theme Compatible - Fully tested and compatible with Enfold theme
- Theme Compatible - Fully tested and compatible with WPMLS theme
- Theme Compatible - Fully tested and compatible with The-7 theme
- Theme Compatible - Fully tested and compatible with Karma theme
- Theme Compatible - Fully tested and compatible with Sterling theme
- Minor bug fixes

    2014 Sep 14 – Version 1.1

    - Maintenance Release
- Mini overhaul to the code removing any CSS conflicts to ensure greater compatibility with your theme

    2014 Sep 4 – Version 1.0

    - Initial Release

    Purchase $19.00
  • Person profile Completeness Add-on for UserPro (Add-ons)

    Person profile Completeness Add-on for UserPro (Add-ons)

    Purchase $8.00

    Note: This is an addon. You must have UserPro to use it.

    Do you have a site filled with empty user profiles which are dissuading new members from joining? The Profile Completeness Addon is one of the best ways to urge current members to complete their profiles. Show them the percentage of their profile completion and set threshold percentages to restrict further actions; until the profile is completed. Users can thus track their own profile completion progress seeing the percentage displayed.

    The Essentials
      General settings include threshold percentage that sets restrictions for :
    Viewing the full site
    Redirecting to a Restriction URL
      Backend settings to set the percentage for each field that is required for profile completion. For instance, the profile image contributes to 20%, name contributes to 5% of profile completion.
       Field Setup settings which show remaining progress for profile completion setup.
       Users urged to complete their profiles by redirecting them to the Edit Profile page

    Purchase $8.00
  • Liquid Fill Gauge (Interface Components)

    Liquid Fill Gauge (Interface Components)

    Purchase $15.00

    This is a gauge plugin for WordPress, to create beautifully animated gauges or progress bars with a circular design. A set of 23 shortcode attributes are available to customize the gauge. Every gauge is rendered as a seperate SVG element and you can insert multiple gauges on the same page.

    These are the available shortcode attributes to customize a gauge (default values between brackets):

    • value (50): The current value of the gauge.
    • width (200px): The width of the gauge.
    • height (200px): The height of the gauge.
    • minvalue (0): The gauge minimum value.
    • maxvalue (100): The gauge maximum value.
    • circlethickness (0.05): The outer circle thickness as a percentage of it’s radius.
    • circlefillgap (0.05): The size of the gap between the outer circle and wave circle as a percentage of the outer circles radius.
    • circlecolor (#178BCA): The color of the outer circle.
    • waveheight (0.05): The wave height as a percentage of the radius of the wave circle.
    • wavecount (1): The number of full waves per width of the wave circle.
    • waverisetime (1000): The amount of time in milliseconds for the wave to rise from 0 to it’s final height.
    • waveanimatetime (1000): The amount of time in milliseconds for a full wave to enter the wave circle.
    • waverise (true): Control if the wave should rise from 0 to it’s full height, or start at it’s full height.
    • waveheightscaling (true): Controls wave size scaling at low and high fill percentages. When true, wave height reaches it’s maximum at 50% fill, and minimum at 0% and 100% fill. This helps to prevent the wave from making the wave circle from appear totally full or empty when near it’s minimum or maximum fill.
    • waveanimate (true): Controls if the wave scrolls or is static.
    • wavecolor (#178BCA): The color of the fill wave.
    • waveoffset (0): The amount to initially offset the wave. 0 = no offset. 1 = offset of one full wave.
    • textvertposition (0.5): The height at which to display the percentage text withing the wave circle. 0 = bottom, 1 = top.
    • textsize (1): The relative height of the text to display in the wave circle. 1 = 50%
    • valuecountup (true): If true, the displayed value counts up from 0 to it’s final value upon loading. If false, the final value is displayed.
    • displaypercent (true): If true, a % symbol is displayed after the value.
    • textcolor (#045681): The color of the value text when the wave does not overlap it.
    • wavetextcolor (#A4DBf8): The color of the value text when the wave overlaps it.

    Here is a fully functional shortcode with all available attributes:

    [liquidgauge value=”53” width=”200px” height=”200px” minvalue=”0” maxvalue=”100” circlethickness=”0.05” circlefillgap=”0.05” circlecolor=”#178BCA” waveheight=”0.05” wavecount=”1” waverisetime=”1000” waveanimatetime=”1000” waverise=”true” waveheightscaling=”true” waveanimate=”true” wavecolor=”#178BCA” waveoffset=”0” textvertposition=”0.5” textsize=”1” valuecountup=”true” displaypercent=”true” textcolor=”#045681” wavetextcolor=”#A4DBf8”]

    Purchase $15.00