Comments (6)
I was able to get these working on IE8 using ES5 Shim (to fill in missing JS methods) https://github.com/es-shims/es5-shim and ExplorerCanvas (to get Canvas working) https://github.com/arv/ExplorerCanvas
It's possible that complex fills won't work, but solid colors definitely do.
from jquery-circle-progress.
Thanks! I will try it. It is not so important for me to have there the animation, but I need to have the page without js errors and this cause an JS error of undefined method for object in IE8.
The best result for me will be if it will display my numbers, texts and circle even without animation for IE8, so there will be the data without error. Animation is an advantage for new browsers.
I have tested it with shim / sham and it gives me another js error like:
jquery.min
< for IE >
es5-sham.min
es5-shim.min
excanvas
< for IE >
circle-progress
(there is a right syntax in fact, but this comment removes script elements)
It shows me:
Object is not able to use method or property bind.
from jquery-circle-progress.
You can set "background circle" color using emptyFill
config option. By default it's transparent gray - rgba(0, 0, 0, .1)
, but you may set it to red if you want to - #ff0000
As for IE8 support - I have not implemented it because it requires extra effort and would make my code "dirty". You may try to use some IE8 <canvas>
polyfill... I will try it and let you know if it works
from jquery-circle-progress.
I don't want to struggle with IE8, I want people to stop using it instead :) I've mentioned this in README.md - I support only IE9+
But I understand your need. Here, take a look at my IE8 example. You may use it if you like it ;)
I've tried excanvas
and met a problem - it doesn't want to stroke the circle with gradient fill so I used solid fill fallback.
Maybe you'll find a way how to fix it. Or maybe you'll choose a better polyfill that supports it.
But I suggest to use "graceful degradation" in IE8 instead of polyfill. You will also find it in my example. The idea is to use static image as circle background. And you don't need to patch the lib in this case - just detect IE8, don't use the lib, use alternative CSS instead.
Anyway, good luck! I hope that I helped you a bit
from jquery-circle-progress.
I understand, that you would like people to use better browsers, We also want it, but We cannot somehow force our clients to sell their computers and buy new ones with Win Vista + newer, because They have Win XP in their offices with IE8 and due to google analytics We can see, that there are many customers, who still use IE8. MS should block the Win XP :D
I will try your example. Thanks!
from jquery-circle-progress.
@TomThak @kottenator how did you add thousandth value in your counter?
from jquery-circle-progress.
Related Issues (20)
- Adding to Google Web Designer
- Drawing a rectangle
- Unable to import in a vue project
- Add a drop shadow to the circles
- Conflict With Other Libraries (Waypoints) when loading with RequireJs, Loads jquery twice
- Progress Bar is moving faster than percentage HOT 1
- RTL HOT 1
- Arc inside circle
- Load animation on viewport
- NaN
- allow passing custom jQuery into UMD factory
- Text in the middle of the circle HOT 5
- How to stop and start (circleProgress)
- How to Change Color Dynamically on "circle-animation-progress"
- Can it be set as 100% based on Seconds? HOT 1
- startAngle seems HOT 2
- [Solved] Change the class
- Can we make the color change at 100% and above?
- How to add gradient color through html like the way we add color ?? (<div class="circle" data-fill="{ "color": "rgba(0, 0, 0, .3)" }" ></div>) HOT 1
- No onDone function support
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 jquery-circle-progress.