As described in
Which mobile browser do you use?
I couldn't reproduce it. It was on the brave browser.
The SVG is loaded via a CDN maybe it hasn't been loaded yet
How can you rate your skills as a percentage though? What is 100% in this scenario? How do you know how close you are to this mythical, theoretical 100%? Who provides this score? How do you test yourself to come out with a score? Is it just knowing the standard library for any given language or competency in using it?
Of course, this is problematic and not a reliable indicator.
But it is definitely better than a list of buzzwords:
Do you know a better way to visualize skills?
Personally, as a programmer, I don't like visualisation in and of itself. It seems that whatever approach you use is still implying a visual ranking or relationship of skill proficiency based on size, colour etc. which brings with it the problems of measurement I described.
Maybe it's appropriate in the portfolio and/or CV of a designer. I'm glad you included a numerical value in a div for screen readers though :)
But listing things in order is my preferred approach. Added benefit on a CV is reordering items as necessary to appear a better candidate for different job roles. If it was my site I'd list them in order of proficiency and show an image of the technologies logo on the left.
Thanks for your explanation, sounds reasonable. I will think about it and maybe change it ;-)
Changed it based on your suggestion and I am very happy with the result:
Thanks for the helpful discussion!
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.