Progress Bars

Progress Default

See the Pen Components – Progress Bars by Working Solutions (@wsol) on CodePen.

Sea Serpent

Add the class .progress-sea-serpent to the .progress-bar div.

See the Pen Components – Progress Bars: Sea Serpent by Working Solutions (@wsol) on CodePen.

Ifrit

Add the class .progress-ifrit to the .progress-bar div.

See the Pen Components – Progress Bars: Ifrit by Working Solutions (@wsol) on CodePen.

Dragon

Add the class .progress-dragon to the .progress-bar div.

See the Pen Untitled by Working Solutions (@wsol) on CodePen.

Sun Wukong

Add the class .progress-sun-wukong to the .progress-bar div.

See the Pen Components – Progress Bars: Sun Wukong by Working Solutions (@wsol) on CodePen.

Dybbuk

Add the class .progress-dybbuk to the .progress-bar div.

See the Pen Components – Progress Bars: Dybbuk by Working Solutions (@wsol) on CodePen.

Fae

Add the class .progress-fae to the .progress-bar div.

See the Pen Untitled by Working Solutions (@wsol) on CodePen.

Nine Tails

Add the class .progress-nine-tails to the .progress-bar div.

See the Pen Components – Progress Bars: Nine Tails by Working Solutions (@wsol) on CodePen.

Progress Label

See the Pen Untitled by Working Solutions (@wsol) on CodePen.