Bespoke Slider Thumb not visible in Chrome (Mac)
Hi folks. Another day, another glitch.
I have created a template with a Progress Bar/Meter utilising the rather brilliant example posted by Allison LaMotte here. I did have quite a difficult time getting the slider to fit properly due to the fact that I wanted the progress indicator (slider thumb) to be only 2 pixels wide and 980 long. It took a long time to get it right, but eventually, I got it.
The progress bar works perfectly when tested in Preview and within Review in Windows on Chrome and Edge. See below pic at the bottom.
Unfortunately, when I look at it in Review, in Chrome on the Mac, the Progress Bar is only very faintly discernable. See below pic at the bottom. It looks fine in Safari.
Does anyone have a similar issue?
Here's a link to the demo if anyone wants to test this.
Many thanks for taking the timeout to read this.