Option to Control Fill Rate Animation of Bar?

  • Resolved i.macdonald

    (@imacdonald-1)


    10 years, 8 months ago

    When the bar first appears, it animates it’s fill up to the desired percent.

    I would like to control the fill rate, presumable passing the ‘seconds’ parameter to the jquery .animate.

    With this option, I can draw two progress bars on the same page that are a comparison of speeds (one paints quickly, the other slowly) in my case comparing one type of download link to another with a specific file size.

    Is this possible with this plugin; To control the fill rate (in seconds) on animation?

    https://www.ads-software.com/plugins/progress-bar/

Viewing 1 replies (of 1 total)
  • Plugin Author jazzs3quence

    (@jazzs3quence)

    It’s not something that’s currently supported in the shortcode. It’s definitely something you could do if you wanted to write/edit the javascript.

    This is the entirety of the javascript in the plugin:

    jQuery(document).ready(function($) {
	$(".wppb-progress.fixed > span").each(function() {
		$(this)
			.data("origWidth", $(this).width())
			.width(0)
			.animate({
				width: $(this).data("origWidth")
			}, 1200);
	});
});

    All you’d need to do is use wp_dequeue_script to dequeue the js and then use your own, changing the value of the animation time.

    There’s also another progress bar shortcode plugin I just recently came across that I think does let you control the animation speed if you want to give that a try. It’s not something I’ve been asked much about for this plugin and it’s probably not something I’m inclined to add to this plugin.
    https://www.ads-software.com/plugins/responsive-progress-bar/

Viewing 1 replies (of 1 total)
  • The topic ‘Option to Control Fill Rate Animation of Bar?’ is closed to new replies.