progress_handle.svg Example File

 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->

 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="10px"
    height="46px"
    version="1.1">
     <g>
         <defs>
             <linearGradient id="MyGradient1" x1="0%" y1="0%" x2="100%" y2="100%">
                 <stop offset="0%" stop-color="lightcyan" />
                 <stop offset="100%" stop-color="dodgerblue" />
             </linearGradient>
         </defs>
         <rect
             stroke="white"
             fill="url(#MyGradient1)"
             stroke-linecap="round"
             stroke-linejoin="round"
             stroke-width="2"
             width="8"
             height="44"
             x="1"
             y="1"
             rx="4"
             ry="4"/>
     </g>
 </svg>