Como hacer un selector de estado para picaporte

En este nuevo artículo os enseñaré como hacer un selector de estado parecido al que ya hice en su día para cuarto de baño, pero que podeis diseñar para vuestra habitación, por ejemplo, o para cualquier estancia donde necesiteis indicar que estais realizando una determinada tarea.

Anteriormente, ya hicimos un selector que expliqué por encima y que funcionaba como un dial rotativo, pero a diferencia de aquel, este es corredizo y más compacto.