Voici plusieurs exemples de boutons qui intègrent directement une barre de progression. Ces boutons de progression sont animés grâce aux transformations CSS3, pour leur donner un style 3D, et grâce à du code JavaScript. Pour l’instant tous les navigateurs ne sont pas supportés pour afficher tous les effet, notamment IE10 et IE11, mais les exemples restent malgré tout fonctionnels.

Sources et démo

Vous trouverez le tutoriel complet ici : http://tympanus.net/codrops/2013/12/12/progress-button-styles/ ainsi que la démo à cette adresse : http://tympanus.net/Development/ProgressButtonStyles/.

Vous aurez accès aux sources directement sur GitHub : https://github.com/codrops/ProgressButtonStyles.