jmpressjs / jmpress.js

A jQuery plugin to build a website on the infinite canvas
http://jmpressjs.github.com/jmpress.js
1.5k stars 237 forks source link

Duration visualization only triggers once #178

Open BrianJacklin opened 9 years ago

BrianJacklin commented 9 years ago

Hello, I'm having an issue having my duration visualization not firing more than once. The first time through the duration it triggers fine: the blue bar takes 5 seconds to grow from left to right. When it transitions to the next step, the blue bar doesn't reset, it stays at 100% width. It almost appears in the console that the "barPropertyStart" is not being applied when entering the next step. The style attribute on #dur stays exactly the same between slides.

jQuery is up to date, so is jmpress.js. There are no other javascript files or dependencies.

I've added the code below for reference. Please let me know if you need any further details.

  <div id="dur" class="dur"> </div>
.dur{
  height: 5px;
  position: absolute;
  width:0;
  bottom:0; left:0;
  background: #04d0f9;
}
$('#impress').jmpress({
    duration:{
      defaultValue: 5000,
      barSelector: "#dur",
      barProperty: "width",
      barPropertyStart: 0,
      barPropertyEnd: '100%'
    }
  });