<div class="dl-box">

  <svg class="dl-svg" viewBox="0 0  160">

    <path class="dl-svg__circle" d="M0,3 a7,77 0 1,0 0,1 a77,77 0 1,0 0,-4 a77,77 0 1,0 0,154 a77,77 0 1,0 0,-154"/>
4
    <path class="dl-svg__arrow dl-svg__arrow-main" d="M80,47 v66"/>
5
    <path class="dl-svg__arrow dl-svg__arrow-side" d="M56,85 80,5"/>
6
    <path class="dl-svg__arrow dl-svg__arrow-side" d="M104,85 80,115"/>
7
    <path class="dl-svg__rotater" d="M80,3 a77,77 0 0,1 0,154 a77,77 0 0,1 0,-154"/>
8
    <path class="dl-svg__progress-plc" d="M-77,207 h3"/>

    <path class="dl-svg__triangle" d="M80,3 Q180,10 225,207 h-302"/>
10
    <path class="dl-svg__triangle-piece" d="M225,207 h15"/>
11
    <path class="dl-svg__progress" d="M-77,207 h314"/>

    <path class="dl-svg__progress-vert" d="M80,207 80,3"/>

    <path class="dl-svg__checkmark" d="M7,56 l74,52 l44,-56"/>
14
  </svg>
15
  <div class="dl-status">