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