ranjan/velzon
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added text below progress bar

Browse Source
This commit is contained in:
mesafal 2025-05-12 12:08:48 +05:45
parent 051fe983fb
commit 8197373a57
3 changed files with 18921 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18893
assets/css/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
assets/css/custom.min.css vendored
View File

@ -1,2 +1,20 @@
/*# sourceMappingURL=custom.min.css.map */ /*# sourceMappingURL=custom.min.css.map */
.progress-nav .nav .nav-item .nav-link {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.step-label {
font-size: 12px;
color: #000;
margin-top: 14px;
display: none;
}
.nav-link.active .step-label,
.nav-link.done .step-label {
display: block;
}

17
forms-wizard.html
View File

@ -1930,20 +1930,27 @@
<div class="text-center pt-3 pb-4 mb-1"> <div class="text-center pt-3 pb-4 mb-1">
<h5>Signup Your Account</h5> <h5>Signup Your Account</h5>
</div> </div>
<div id="custom-progress-bar" class="progress-nav mb-4"> <div id="custom-progress-bar" class="progress-nav mb-5">
<div class="progress" style="height: 1px;"> <div class="progress" style="height: 1px;">
<div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<ul class="nav nav-pills progress-bar-tab custom-nav" role="tablist"> <ul class="nav nav-pills progress-bar-tab custom-nav" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link rounded-pill active" data-progressbar="custom-progress-bar" id="pills-gen-info-tab" data-bs-toggle="pill" data-bs-target="#pills-gen-info" type="button" role="tab" aria-controls="pills-gen-info" aria-selected="true">1</button> <button class="nav-link rounded-pill active" data-progressbar="custom-progress-bar" id="pills-gen-info-tab" data-bs-toggle="pill" data-bs-target="#pills-gen-info" type="button" role="tab" aria-controls="pills-gen-info" aria-selected="true">1
<span class="step-label">Step 1</span>
</button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link rounded-pill" data-progressbar="custom-progress-bar" id="pills-info-desc-tab" data-bs-toggle="pill" data-bs-target="#pills-info-desc" type="button" role="tab" aria-controls="pills-info-desc" aria-selected="false">2</button> <button class="nav-link rounded-pill" data-progressbar="custom-progress-bar" id="pills-info-desc-tab" data-bs-toggle="pill" data-bs-target="#pills-info-desc" type="button" role="tab" aria-controls="pills-info-desc" aria-selected="false">2
<span class="step-label">Step 2</span>
</button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link rounded-pill" data-progressbar="custom-progress-bar" id="pills-success-tab" data-bs-toggle="pill" data-bs-target="#pills-success" type="button" role="tab" aria-controls="pills-success" aria-selected="false">3</button> <button class="nav-link rounded-pill" data-progressbar="custom-progress-bar" id="pills-success-tab" data-bs-toggle="pill" data-bs-target="#pills-success" type="button" role="tab" aria-controls="pills-success" aria-selected="false">3
<span class="step-label">Step 3</span>
</button>
</li> </li>
</ul> </ul>
</div> </div>
@ -2048,7 +2055,7 @@
<img src="assets/images/logo-dark.png" class="card-logo card-logo-dark" alt="logo dark" height="17"> <img src="assets/images/logo-dark.png" class="card-logo card-logo-dark" alt="logo dark" height="17">
<img src="assets/images/logo-light.png" class="card-logo card-logo-light" alt="logo light" height="17"> <img src="assets/images/logo-light.png" class="card-logo card-logo-light" alt="logo light" height="17">
</div> </div>
<div class="step-arrow-nav mb-4"> <div class="step-arrow-nav mb-5">
<ul class="nav nav-pills custom-nav nav-justified" role="tablist"> <ul class="nav nav-pills custom-nav nav-justified" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">