Progress Styles

Actually, Progress support 4 different styles: text, progress bar, radial bar and image.

Text

Text style will display the progress in plain text. Example:

The default pattern is “({current}/{total})” but you can setup the pattern you want.

Example setting up the patter “You have {current} out of {total}”

Progress Bar

Progress bar style will display the progress in a progress bar. Example:

The progress bar style has multiples options that let’s you change the colors, place the progress in text inside (flat or percent) or include a stripe effect that can be animated.

There are some examples:

Radial Bar

Radial bar style will display the progress in a radial progress bar. Example:

The radial bar style has multiples options that let’s you change the colors, place the progress in text inside (flat or percent) or include change the radial bar size.

There are some examples:

Image

Image style will display the progress using custom images (an image for the part completed and other image for the uncompleted part). Example:

Note: The incomplete image is completely optional.

The image style has multiples options that let’s you provide both images and included set the image size you want.


Welcome to the GamiPress demo website!
First you need to log in with a demo account to interact with the demos.
Enjoy playing with all demos we setup for you!
Holler Box