Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.
Uncharted: The Lost Legacy
Star Wars: Battlefront 2
Call of Duty WW2
Add .progress-loadedto set the loaded animation for progress bars. You can modify the loading time with jQuery script.
Uncharted: The Lost Legacy
Star Wars: Battlefront 2
Call of Duty WW2
Set the progress bar size by adding to progress class .progress-lgor .progress-sm
Uncharted: The Lost Legacy
Star Wars: Battlefront 2
Call of Duty WW2
The striped gradient can also be animated. Add .progress-bar-animatedto .progress-barto animate the stripes right to left via CSS3 animations.
