Skip to main content
Version: 4.x

vime-time-progress

Formats and displays the progression of playback as currentTime (separator) endTime.

Visual#

Vime time progress component

Usage#

<vime-time-progress separator="/" />

Properties#

PropertyAttributeDescriptionTypeDefault
alwaysShowHoursalways-show-hoursWhether the times should always show the hours unit, even if the time is less than 1 hour (eg: 20:35 -> 00:20:35).booleanfalse
separatorseparatorThe string used to separate the current time and end time.string'/'

CSS Custom Properties#

NameDescription
--vm-time-colorThe color of the text displaying the time.

Dependencies#

Used by#

Depends on#

Graph#

graph TD;
vime-time-progress --> vime-current-time
vime-time-progress --> vime-end-time
vime-current-time --> vime-time
vime-end-time --> vime-time
vime-default-controls --> vime-time-progress
style vime-time-progress fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS