You’re offline. This is a read only version of the page.
Announcements
3,271
Hi there.
I have been trying to use this SVG image loader :
But for some reason I can not get this thing bigger or make the width or high adjustable to the image "Width and Height" selected.
The code that I am using is:
"data:image/svg+xml,"&EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 60 30' filter='drop-shadow(3px 5px 4px rgb(0 0 0 / "&If(Com_ProgressBar.BoxShadow= true ,0.5,0.0)&"))'>
<defs>
<linearGradient id='linear' x1='80%' y1='22%' x2='6%' y2='4%' spreadMethod='pad'>
<stop offset='0%' stop-color='"&Com_ProgressBar.LinealGradientHexValue1&"'/>
<stop offset='65%' stop-color='"&Com_ProgressBar.LinealGradientHexValue2&"'/>
</linearGradient>
</defs>
<rect x='1' y='1' width='50' height='8' rx='"&Com_ProgressBar.BorderRadius&"'
fill='#9f9f9f' />
<rect x='1' y='1' width='"&(Com_ProgressBar.Value/Com_ProgressBar.MaxValue)*50&"' height='8' rx='"&Com_ProgressBar.BorderRadius&"'
fill='url(#linear)' stroke-dasharray='"&(Com_ProgressBar.Value/Com_ProgressBar.MaxValue)*50&", 500'
>
<animate attributeName='width' values='0;"&(Com_ProgressBar.Value/Com_ProgressBar.MaxValue)*50&"'
dur='1s' repeatCount='1' />
</rect>
</svg>
")
Where:
And this is how it looks like :
Thanks in advance for any help
Regards
Share
Report
All responses (
Answers (
