0

I'm a junior frontend developer and I am building a video player and I cannot create that circular pointer at the end of the video progress bar. I've tried to create a span and div with dimensions but it doesn't display anything in the browser. I'm using vue and Nuxt 3 Js.

This is the sample of my code:

<div class="progress-bar" @click="skipVideo">
    <div :style="{ width: progressPercentage() + '%' }" class="current-bar"></div>
</div>

enter image description here

I've tried to create a span and div with dimensions but it doesn't display anything in the browser.

JDB
  • 25,172
  • 5
  • 72
  • 123
SPereira
  • 1
  • 1
  • Does this answer your question? [How to draw circle in html page?](https://stackoverflow.com/questions/6921792/how-to-draw-circle-in-html-page) – JDB Apr 22 '23 at 17:52

0 Answers0