VCL progress-bar

Show the progress of an operation.

Features

The progress is reflected as horizontal bar which is shown within a container. There are two overlaying bars to represent a primary and an optional secondary progress. In indeterminate mode, an animation is shown to indicate an ongoing process whose progress cannot be determined.

Usage

basic example

Classes

• vclProgressBar
• vclProgress

Modifiers

For vclProgressBar

• vclIndeterminate: Show an animation indicating that the progress cannot be determined.
• vclTransparent: Transparent background

For vclProgress

• vclPrimary
• vclSecondary

Variables

• --progress-bar-progress-label-color
• --progress-bar-container-bg-color
• --progress-bar-primary-progress-bg-color
• --progress-bar-secondary-progress-bg-color

Demo

example.html on GH-pages.