各ステップに以下を入れてステップ毎に動画の長さに応じてminとmax値を調整する。
プログレスバーが勝手にすすんで、次のステップへ移行する。
<progress id="p1" min="0" max="100" value="0" class="progress1" ></progress>
<progress id="p2" min="0" max="100" value="0" class="progress2" ></progress>
<progress id="p3" min="0" max="100" value="0" class="progress3" ></progress>
function proc1(){
if (document.getElementById('p1').value < 100 ) {
document.getElementById('p1').value++;
setTimeout(proc1, 100);
}
else{
pendo.onGuideAdvanced()
}
}
proc1()