<form>
<input type="text" name="account[surname][]">
<input type="text" name="account[address][]">
<input type="text" name="account[phone][]">
<input type="number" name="account[number][][54]">
<button type="submit">Send</button>
</form>
<div>
<input type="text" name="account[surname][10]">
<input type="text" name="account[address][10]">
<input type="text" name="account[phone][10]">
...
<input type="number" name="account[number][10][53]">
<input type="number" name="account[number][10][43]">
<input type="number" name="account[number][10][377]">
<button type="submit">Send</button>
</div>
<form>
<input type="text" name="account[surname][]">
<input type="text" name="account[address][]">
<input type="text" name="account[phone][]">
...
<input type="number" name="account[number][][54]">
<input type="number" name="account[number][][22]">
<input type="number" name="account[number][][188]">
<button type="submit">Send</button>
</form>
<div class="progress-bar"></div>
.progress {
display: block;
width: 100%;
height: 10px;
border-radius: 10px;
overflow: hidden;
background-color: #f5f5f5;
background-image: linear-gradient(to right, black, black);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
}
.progress {
display: block;
width: 100%;
height: 1px;
border-radius: 10px;
position: relative;
background-color: #f5f5f5;
}
.progress-bar {
position: absolute;
left: 0;
top: -1px;
width: 0;
height: 3px;
display: block;
background: #000;
border-radius: 2px;
transition: width .4s ease-in-out;
}
var $progressBar = $('.progress');
var $progressBar = $('.progress-bar');
.css('background-size', calc + '% 100%')
.css('width', calc + '%')
То есть посчитать процент и вывести его?