Dot is not always stay at the end of the progress bar about vue-ellipse-progress HOT 5 CLOSED

@shiyu3169 can your share your config, plugin version and maybe some screenshots or gifs? Does this happen on IPhone XS in Chrome?

from vue-ellipse-progress.

It is happening on WIndows 10 latest chrome (Version 85.0.4183.83).
"vue-ellipse-progress": "^1.2.0"
Here is my setting in the component:

   <vue-ellipse-progress
        :progress="uploadingProgress"
        :angle="90"
        :size="140"
        color="#FF354D"
        :thickness="2"
        :emptyThickness="0"
        dot="10 red"
      >
        <span slot="legend-value"> %</span>
      </vue-ellipse-progress>

Where uploading process is from Axios uploading process

 onUploadProgress: function (progressEvent) {
        var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
        store.commit("Instapro/Vod/setUploadingProgress", percentCompleted)
      },

the dot is going slower than the processing bar

from vue-ellipse-progress.

@shiyu3169 thanks, i will take a look at this tonight

from vue-ellipse-progress.

@shiyu3169 I just checked your config and I cannot reproduce this behavior, everything works as expected. Do you see some lags in the animation? Are you working on slow machine? Are you sure that nothing affects the dot transition value in your app? I would recommend you to inspect the dot in your browser. By default the element with the class ep-circle--progress__dot-container should have the following CSS:

    transition-duration: 1000ms;
    transition-timing-function: ease-in-out;
    animation-duration: 1000ms;

This must be consistent with the values of progress circle.

from vue-ellipse-progress.

Closing due to inactivity

from vue-ellipse-progress.