<svg id="stepper" height="40" version="1.1" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="loading_line_fill" x1="0%" y1="50%" x2="100%" y2="50%" gradientunits="userSpaceOnUse"> <stop id="loading_line_fill_end" stop-color="#c6c6c6" offset="0%"/> <stop id="loading_line_fill_start" stop-color="#e3e3e3" offset="0%"/> </linearGradient> </defs> <line stroke="url(#loading_line_fill)" style="stroke-width:5;" x1="0" x2="100%" y1="50%" y2="50%"/> <circle id="base_circle" cx="0" cy="50%" fill="white" r="14" stroke-width="1" stroke="#cbcbcb"/></svg>