Progress Bar

Author: César Morillas

progress_bar

Show progress Bar with different colors

Usage examples: (don’t copy and paste)

[scu name="progress_bar" title="Skill" progress="75" color="red"]
[scu name=”progress_bar” title=”English” progress=”75″ color=”red”] [scu name=”progress_bar” title=”Spanish” progress=”90″ color=”blue”] [scu name=”progress_bar” title=”French” progress=”40″ color=”green”] [scu name=”progress_bar” title=”Dutch” progress=”50″ color=”yellow”]

Attributes:

title: The title to show

progress: The % of completed progress bar

color: The color schemes: red, blue, green, or yellow.

Content:

Not applicable


GSAP Text Animation

Author: César Morillas

gsap_text_animation

A stunned GSAP text animatin

Usage examples: (don’t copy and paste)

[scu name="gsap_text_animation"]Some Text for animate.[/scu]
[scu name=”gsap_text_animation”]Animation is the process of creating the illusion of motion and shape change by means of the rapid display of a sequence of static images that minimally differ from each other. The illusion—as in motion pictures in general—is thought to rely on the phi phenomenon. Animators are artists who specialize in the creation of animation.[/scu]

Attributes:

None

Content:

Text to be animated