播放器标记

Question

我有一个媒体播放器，其进度条上有样式点。这是要点的样式

db.one('INSERT INTO transactions (transaction_id, amount, currencies_currency_id) VALUES (\'a0eebc99-9c0b-4ef8-bb6d-6bb9bd380a11\', \'enter amount\', \'enter currencies_currency_id\')')
.then(user => {
    console.log(user.name); // print user name;
})
.catch(error => {
    console.log(error, 'jjjjjjjjjjjj'); // print the error;
});

我需要做的是将这些点与线连接起来。所以，现在播放器看起来像这样

我需要做的是在视频的开头用红点连接一行，以此类推，直到视频的末尾。