The scenario is the same web-page should render perfectly on all kind of devices(mobile, tablet, desktop, laptop, projector, and high-resolution TV etc.)
The Bar width is set using Size property for Minor tick. The Pointer Width is set using Size property of Pointer.
Now that the sizes for bar and pointers are fixed, we cannot change it with changing screen resolution.
SVG has the property for scaling itself based on the design size and actual size on the client (ViewPort Size).
If something like design width and design height property is added, it will be really helpful to scale the same control and use it on all kind of devices with resolutions ranging from 320 x 180 to 4K UHD displays.