js-step-system
Version:
48 lines (42 loc) • 1.03 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
template {
display: none;
}
.next, .back {
cursor: pointer;
color: #00f;
}
</style>
</head>
<body>
<div class="container">
<div class="progress"></div>
<div class="step"></div>
<template id="first-step">
<p>this is the first</p>
<div class="back">Назад</div>
<div class="next">Далее</div>
</template>
<template id="second-step">
<p>this is the second</p>
<div class="back">Назад</div>
<div class="next">Далее</div>
</template>
<template id="third-step">
<p>this is the third</p>
<div class="back">Назад</div>
<div class="next">Завершить</div>
</template>
<template id="finish">
<p>FINISH!</p>
</template>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./app.js"></script>
</body>
</html>