@keyframes nyancat {
    0%   { background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAIgAVAAADn3i63P7wgUmrnVGWzbvfQMYAHGGe6MmF4kEWKRGYMwq2LizHPFGwIlLvNNn5WBiIcAgQCACqUPOp1KFqhOnT9NMCG8ue9klxOr8jK5ZobrvRion1mnXbzUALbM12GsYCf2cuY2ExXl5kg4iGRnUDA3dOkEgUOXuHApBPZ52UGhtieBeDEi8fK5KlEmQXrq4ZU1KrC7IutA6WcUlgSboHCQA7"),
                             url("data:image/gif;base64,R0lGODlhEAAVAPIAAP8AAGYz/wCZ//+ZADP/AP//AAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJEAAGACwAAAAAEAAVAAADNGi63L4gykmrvViOzbv/YChyRWmeaKqurEm8cCzPdG3DQq7vfO//QF1gSCwaj8ikkvhoOhMAOw=="); }
   16.6% { background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAIgAVAAADoHi63P7wgUmrnVGWzbvfQMYAHGGe6MmF4kEWKRGYMwq2LizHPFGwIlLvNNn5WBiIcAgQCACqUPOp1KFqhOnT9NMCG8ue9klxOr8jK5ZobrvRron1mnXbzcDJGbZmOw1jAoBnCmNhMV5eZIRTFXNGdQMDd06SUoQ5fIgCkk9nn5aFeSU8iRaYDnIfHYFvSmcXsbIRjS6oC7W1tElxcL2iXwkAOw=="),
                             url("data:image/gif;base64,R0lGODlhEAAVAPIAAP8AAGYz/wCZ//+ZADP/AP//AAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJEAAGACwAAAAAEAAVAAADNGi63L4gykmrvViOzbv/YChyRWmeaKqurEm8cCzPdG3DQq7vfO//QF1gSCwaj8ikkvhoOhMAOw=="); }
   33.3% { background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAIgAVAAADoXi63P7wgUmrnVGWzbvfQMYAHGGe6MmF4kEWKRGYMwq2LizHPFGwIlLPNKGZfi6gZggQCAC2iVPZEKZqzakq+1xUFFYe90lxTsHmim6HGpvf3eR7skYF3PC5tyystc0GboFnVXQ9XFJTZIQOYUYETQMDeWaSVF4bbCeRk1meApYSL3WbaReMIxQfHXh6jaYXsbEQni6oaF21ERR7l0ksvA0JADs="),
                             url("data:image/gif;base64,R0lGODlhEAAVAPIAAP8AAGYz/wCZ//+ZADP/AP//AAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJEAAGACwAAAAAEAAVAAADNGi63L4gykmrvViOzbv/YChyRWmeaKqurEm8cCzPdG3DQq7vfO//QF1gSCwaj8ikkvhoOhMAOw=="); }
   50%   { background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAIgAVAAADnni63P7wgUmrnVGWzbvfQMYAHGGe6MmF4kEWKRGYMwq2LizHxJQWIUyExDMBBALAjgA8Joc6njOpmrIUwlysNk1SkMirk0UsdsHoJzZMidaM6ThYjC6nAlPDWR8ejWFvJ1ZWXn0NbWYCAwNySItXh1E0cItJYZePEC9LKIMWhg4TJVKNoIdeHx4XFZpzq68Taq1PY6F9tUNCFBJZuw0JADs="),
                             url("data:image/gif;base64,+QQBEAAGACwAAAAAEAAVAAADO2i63AYwQqekvTjDwTvPXiiOJFec6EmmbOu+JyHP8kvfeK7LQu/3up9wSCz2AsgksqhsOp9QJMUAnU4TADs="); }
   66.6% { background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAIgAVAAADoni6C/4wOkbrASXrzTOwFpYRZGmW2gcy4kkEJGx6K1vEbk4Uan3dOoIDt/tMVpggQCAAzBzMHkSRPMmWURS22Ygagblt88GMNrAPsKwkLru5Zy/YFGi/3b0L+rZmlw1tgGYsaTpbUFFjgxQOcy8kSwMDd2WSeTZ8J5GTaImWICKOkGUSaKCNHSmUpKCkpa8RSF4Xi1RmpkgPVEeMR7w+wMEHCQA7"),
                             url("data:image/gif;base64,+QQBEAAGACwAAAAAEAAVAAADO2i63AYwQqekvTjDwTvPXiiOJFec6EmmbOu+JyHP8kvfeK7LQu/3up9wSCz2AsgksqhsOp9QJMUAnU4TADs="); }
   83.3% { background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCAAHACwAAAAAIgAVAAADoHi6C/4wOkbrASXrzTOwFpYRZGmW2gcy4kkEJGx6K1vEbk4Uan3dOpLjReIpJiBMkAAQCACoT/OZBJpkTOez6ND2kL/l1AnRUi/koxVbGpvfqinEes2+72m098Zuaw1uAoB5F3J0J2NdZE9yFA+HWE0DA3hOkz02fC6SlHKLlyEaOokShI4iHSmVpixkEq+wK42Njmm0SWAPIUi6Pr6/BwkAOw=="),
                             url("data:image/gif;base64,+QQBEAAGACwAAAAAEAAVAAADO2i63AYwQqekvTjDwTvPXiiOJFec6EmmbOu+JyHP8kvfeK7LQu/3up9wSCz2AsgksqhsOp9QJMUAnU4TADs="); }
  100%   { background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAIgAVAAADn3i63P7wgUmrnVGWzbvfQMYAHGGe6MmF4kEWKRGYMwq2LizHPFGwIlLvNNn5WBiIcAgQCACqUPOp1KFqhOnT9NMCG8ue9klxOr8jK5ZobrvRion1mnXbzUALbM12GsYCf2cuY2ExXl5kg4iGRnUDA3dOkEgUOXuHApBPZ52UGhtieBeDEi8fK5KlEmQXrq4ZU1KrC7IutA6WcUlgSboHCQA7"),
                             url("data:image/gif;base64,R0lGODlhEAAVAPIAAP8AAGYz/wCZ//+ZADP/AP//AAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJEAAGACwAAAAAEAAVAAADNGi63L4gykmrvViOzbv/YChyRWmeaKqurEm8cCzPdG3DQq7vfO//QF1gSCwaj8ikkvhoOhMAOw=="); }
}

.horizontal .progressbar {
  background-image: url("data:image/gif;base64,R0lGODlhIgAVAPIAAAAAAP8zmZmZmf+Zmf+Z///Mmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAHACwAAAAAIgAVAAADn3i63P7wgUmrnVGWzbvfQMYAHGGe6MmF4kEWKRGYMwq2LizHPFGwIlLvNNn5WBiIcAgQCACqUPOp1KFqhOnT9NMCG8ue9klxOr8jK5ZobrvRion1mnXbzUALbM12GsYCf2cuY2ExXl5kg4iGRnUDA3dOkEgUOXuHApBPZ52UGhtieBeDEi8fK5KlEmQXrq4ZU1KrC7IutA6WcUlgSboHCQA7"),
                    url("data:image/gif;base64,R0lGODlhEAAVAPIAAP8AAGYz/wCZ//+ZADP/AP//AAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJEAAGACwAAAAAEAAVAAADNGi63L4gykmrvViOzbv/YChyRWmeaKqurEm8cCzPdG3DQq7vfO//QF1gSCwaj8ikkvhoOhMAOw==");
  background-color: transparent;
  animation: nyancat 480ms infinite steps(6);
  background-repeat: no-repeat, repeat-x;
  background-position: 100% 50%, 0% 50%;
  background-size: 34px 21px, 16px 21px;
  border: none;
  padding: 0px 27px 0px 0px;
  background-origin: padding-box, content-box;
  margin: -3px -8px -2px -2px;
  min-height: 21px;
  text-shadow: 1px 1px white;
  color: purple;
}