Как изменять вид ползунка в слайдере?

Есть слайдер-ползунок, работающий с помощью jquery-ui.
https://codepen.io/Raneto4ka/pen/WBMmer
И есть задача - менять вид ползунка при изменении его положения.
Например: вместо стандартного кружка будут смайлы (меняются от грустного к веселому), или этот кружок должен заполняться цветом в процессе перетаскивания, или менять свой размер (сначала мелкий, постепенно увеличивается приближаясь к 100%).
Это вообще реально сделать? Подобных примеров нигде не нашла, и не знаю с чего начать даже.