Comments (5)
@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.
Related Issues (20)
- change the max
- this project cant be used with typescript HOT 2
- How can I go around and then go around again
- What event triggered it? HOT 1
- Gradient not applying correctly HOT 2
- ssr aware HOT 4
- when I use it in iphone6s with ios9οΌit Abnormal display HOT 4
- I guess I cant installed it tell me why and pls help me fixing HOT 6
- Can i define `:progress = (value)` HOT 3
- Typescript support HOT 2
- Create non-pluggin version of the library HOT 2
- $ref is undefined when 'data' is specified on [email protected] HOT 1
- Usage with vue3 + composition API HOT 2
- Trying to display legend on a multiple line ("data" driven chart) HOT 2
- Can't import on Vue 3 HOT 3
- confused on using slot property on vue3 HOT 3
- Responsive sizing? HOT 6
- legendClass example HOT 2
- Animation Triggers Twice upon Mounting in Safari and Ionic App HOT 3
- Remove unused space for half circle HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-ellipse-progress.