Skip to content

Duration visualization only triggers once #178

@BrianJacklin

Description

@BrianJacklin

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%'
    }
  });

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions