<div class="loading-bar w-100"> <svg height="6" id="bar" version="1.1" width="55%" xmlns="http://www.w3.org/2000/svg" class="mb-15-p"> <line style="stroke:#06326e;stroke-width:1;" x1="1" x2="100%" y1="50%" y2="50%"> <animate attributename="x2" dur="0.3s" fill="freeze" from="0" to="100%"/> </line> <circle cx="4%" cy="50%" r="2%" stroke-width="1" style="stroke:#06326e;fill:#06326e;transition: width .5s ease; width: 0%"> <animate attributename="cx" dur="0.3s" fill="freeze" from="0" to="98%"/> </circle> </svg></div>