By :
pqina
Published on Wednesday, February 15, 2017,23:46:10 in JavaScript Scripts
Line is the webâs most advanced progress bar plugin. Itâs easy to setup, amazingly flexible and ships with beautiful animation presets.
Whether you want to visualize the duration till a certain date, show upload progress or donation totals, Line has got your use case covered.
Quick feature overview:
Visual
Beautifully animated | Pick from all sorts of progress animation options, spring, arrive or tween using 20+ easing methods.
10 Unique Presets | Pick one and be done, use as starting point or build your own and peek at the code.
Shapes and Directions | Includes Horizontal, Vertical and Circular progress bars.
Responsive and Mobile Friendly | Works on all sorts of devices.
Fast and Accurate | Optimized for fast performance, included timer corrects browser timeout errors and correctly handles document hidden mode.
Works on all Major Browser | If not supported, falls back gracefully.
Counter
Countdown to Date | Count down towards that sale or website launch!
Count Up Since Date | How many days ago was our major event?
Countdown Scheduler | Automatically countdown towards each Sunday at 10
Count values | How is our sale going?
Show plain text | Use as billboard to show text.
Auto Sync with Server | Make sure the shown time is synced with your server.
Technical
JavaScript and jQuery API | Works standalone but ships with handy wrapper for jQuery.
Line is build using the latest HTML 5, CSS 3 and JavaScript techniques.
Line ships with
extensive documentation on all itâs capabilities.
Just contact us through the form on the Support page, weâre always happy to help out with any questions or problems.
LINE FEATURES
Beautiful Animations | Today, itâs all about a nice and smooth user experience, this is where Line delivers big time.
Rendered in Canvas | Line Progressbar features like shadows, colors, size and shape are all customizable with data attributes.
Animation Controls | Set line animation speed and define animation easing modes, ships with 24 different ease methods and 3 natural animation types (arrive, step and spring).
CORE FEATURES
Responsive | This is 2017, Of course this plugin is responsive.
Mobile Friendly | Tick is designed to work mobile first and scales nicely to bigger resolutions.
Very Fast | Tickâs code is optimized for performance.
Standalone | No client-side or server-side frameworks or libraries are required. But if you like jQuery, Tick Counter ships with a handy jQuery wrapper API.
Easy to Configure | Setting up Tick is a matter of adding some classes and data attributes to your HTML and presto, youâre ready to go!
Layout | Tiny layout framework to compose counters horizontally, vertically or lay them on top of each other.
Transforms | Tick ships with 30+ data transforms which you can use to format and animate the output value to your liking.
Vanilla JavaScript, jQuery, ES6, AMD or CommonJS | Whether youâre an old school JavaScript fanatic or a jQuery lover, Tickâs got you covered. The package also contains AMD, CommonJS, ES6 and a Global build of Tick.
JavaScript API | You can control Tick from JavaScript or jQuery whichever you like best. The extensive API documentation should give you a good idea on what is possible with Tick.
And Much More | Read about all Tickâs features
BROWSER SUPPORT
Chrome
Firefox
Edge
Opera
Internet Explorer 11+
Safari OSX 9+ & iOS 9+ | Safari on Windows is no longer supported by Apple
Android 5+ | Not all Android devices behave the same, works on most modern Android devices, if you run into trouble, let us know
Use the API supported property to determine if the client browser supports Tick.
PACKAGE CONTAINS
Installation instructions
CSS and JavaScript files for various project types
10 Unique presets
HISTORY
1.2.0 | 06-02-2017
Initial release of Line
Add cancel method to internal animation function
Add value and tween transform functions
Improved step, spring and arrive transform functions
Improved internal counter setup
Add data-value attribute to default text view
1.1.0 | 31-01-2017
Initial release of Swap
Improved internal duration code
Fixed timer reset method, did not reset
Added âmsâ as milliseconds Time Unit
Added duration transform
1.0.0 | 26-01-2017
Initial release of Dots
Share This Product