I have an application with a slider, but I need to be able to lock the slider, and have it clear to the user that it is locked - simply disabling it is not an option. By locked I mean that you are unable to change it until you first perform some other action. That action could be based on a setting, or an account type, but is not really part of the question.
An initial mockup of the most likely option at the moment:
Visually, what is the best way to show that a slider is locked? Existing examples or mockups would be great.
Edit 1: This needs to work on both pc and mobile, so nothing that relies on hover or a cursor is possible.
Edit 2: The idea of a locked slider is more in terms of the slider being a locked feature that you can only access by doing something. In this case by being a premium member. So it is largely a marketing constraint.
We can't put the locked sliders on a different page, as there is a main slider that needs to be shown at the same time as the other (potentially) locked ones. So unless we duplicate the main slider, we have a problem.
There will be text explaining why these sliders are locked etc. but this question is specifically about the best way to visually indicate that a slider is locked as opposed to disabled.