Barra de progresso de bootstrap com uma pulsação

Ainda não descobri como fazer o que realmente quero, mas ao tentar encontrá-lo, descobri o que considero uma animação interessante para barras de progresso.

A barra de progresso de bootstrap com uma pulsação usa animação de quadro-chave para criar um efeito “pulsante” / “pulsante” em uma barra de progresso de bootstrap. Aqui está o CSS que usei:

.progress-bar{
 background:  rgb(255, 215, 109);
-webkit-animation-name: pulse; /* Chrome, Safari, Opera */
-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
-webkit-animation-iteration-count: infinite;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
}

//create the animation
@-webkit-keyframes pulse { // for chrome, safari, opera
0%   {background: rgb(255, 215, 109);}
25%   {background: rgb(255, 215, 109);}
50%   {background: rgb(255, 215, 109);}
75%  {background: rgb(255, 231, 167);}
85%{background: rgb(255, 215, 109);}
100% {background: rgb(255, 215, 109);}
}

@keyframes pulse {
0%   {background: rgb(255, 215, 109);}
25%   {background: rgb(255, 215, 109);}
50%   {background: rgb(255, 215, 109);}
75%  {background: rgb(255, 231, 167);}
100% {background: rgb(255, 215, 109);}
}

Vou chamar essa animação quando fizer uma chamada ajax para verificar o status. Meus usuários saberão que ainda estou trabalhando para eles. Deve negar a necessidade de um spinner.