Copy Anything to Clipboard for WordPress – Copy Button, Copy Text & Copy Code
Copy Anything to Clipboard helps visitors copy text, links, coupon codes, commands, email addresses, AI prompts, and code snippets in one click—no awkward text selection on mobile, no broken formatting in the clipboard. Use it on blogs, docs, WooCommerce and deal sites, SaaS landing pages, tutorials, and support hubs where you want fewer “how do I copy this?” questions and smoother sharing of URLs, promos, and technical steps. Why site owners install it Better UX – Especially on touch devices, a dedicated copy control beats “long-press to select.” Higher intent actions – Coupon codes, affiliate links, and checkout snippets convert better when copying is frictionless. Flexible placement – Target elements automatically, or drop shortcodes/blocks only where you need them. Integration options Global Injector – Rules that match CSS selectors (e.g. pre, code, .coupon) plus display conditions and live preview. Classic CSS selector rules – Site-wide automatic copy buttons for matching markup. Shortcodes – [copy] (alias: [ctc]) for precise placement in the editor, widgets, and templates. Elementor – 25+ widgets for common patterns (code, coupon, email, prompt, deal link, and more). Gutenberg – Native blocks for the block editor. Highlights Button, Icon, and Cover presets; copy as plain text or HTML where supported. Performance-minded – Combine display conditions with how you publish rules so assets run where copy UI is actually used. Works with typical WordPress stacks – Themes, builders, and caching setups; mobile and modern desktop browsers. How to use You can add copy buttons anywhere on your WordPress site using one of the following methods: EASY: Shortcodes Manually add copy controls with [copy] anywhere in your content. AUTOMATIC: Global Injector Automatically inject copy buttons into any element using CS selectors like pre, code, blockquote, or any custom selector with advanced display conditions. Elementor Widgets Add copy buttons visually using dedicated Elementor widgets. Gutenberg Blocks Insert copy buttons directly inside the WordPress block editor using Gutenberg blocks. METHOD 3 – Manually with “Shortcodes” Use [copy] anywhere you want an explicit copy control (Classic editor, Shortcode block, widget areas, patterns, or PHP templates via do_shortcode()). [ctc] is the same shortcode with a shorter name—use either. How it works (matches the plugin code) Default layout is the inline preset (clickable text + icon). Switch with preset="button", preset="icon", or preset="cover". text="…" (or text wrapped between [copy] and [/copy]) is what lands on the clipboard. display="…" overrides the visible label when it must differ from the copied string (masked secrets, mailto links, etc.). Legacy pair: text="…" + content="…" — content is copied, text is what visitors see (handy for hiding long URLs behind a short CTA). Try it on a fresh install — add a Shortcode block (or switch the block editor to Code editor), paste one snippet, Update, view the page, and tap the control. Example 1 – Datetime inside a sentence Next live workshop: [copy]2030-03-19 10:00 America/New_York[/copy] — copy the full value for your calendar tool. Example 2 – Email inside a sentence Billing questions? Email [copy]
[email protected][/copy] and include your order ID. Example 3 – Show the mailbox, copy a ready-made mailto link [copy display="
[email protected]"]mailto:
[email protected]?subject=Question%20from%20website[/copy] Visitors see
[email protected]; the clipboard receives the full mailto: string with the subject line. Example 4 – Mini support block (swap in your real IDs) Before you open a ticket, include: - Order ID: [copy]WC-104592-UK[/copy] - Line item SKU: [copy]BM-HOODIE-M-NVY[/copy] - Return auth: [copy]REF-88C0A921[/copy] Example 5 – Coupon inside marketing copy Launch week only — use [copy]SPRINGLAUNCH26[/copy] at checkout for 25% off your first year. Example 6 – Long store URL, short friendly label [copy text="https://www.amazon.com/dp/B0D1EXAMPLE/ref=nosim?tag=clipboard0d-20"]Copy our Amazon pick[/copy] The visitor reads Copy our Amazon pick; the clipboard gets the full tagged URL. Example 7 – Carrier-style tracking number Track this shipment: [copy]1Z999AA10123456784[/copy] Example 8 – Developer onboarding (framework installer) Run this once: [copy]npx create-next-app@latest my-shop --typescript --eslint --tailwind --app[/copy] Example 9 – One-line WP-CLI maintenance Safe cache flush: [copy]wp cache flush && wp rewrite flush[/copy] Example 10 – API key visible on screen vs clipboard Production key (rotate after testing): [copy text="sk_live_51QxYzAbCdEfGhIjKlMnOpQrStUvWx0123456789" display="sk_live_…6789"] Visitors only see the shortened mask; the full secret is still copied once for trusted teammates. Example 11 – Guest Wi‑Fi card SSID: [copy]Guest-Office-5G[/copy] · Passphrase: [copy text="WinterLake#2026!" display="••••••••••••"] Example 12 – Teams / Meet style link Join the stand-up: [copy]https://teams.microsoft.com/l/meetup-join/19%3ameeting_EXAMPLE%40thread.v2/0?context=%7b%22Tid%22%3a%22...%7d[/copy] Example 13 – Conference hashtag or emoji drop Share photos with [copy]#ClipboardAgencyLive2026[/copy] — we monitor that tag all week. Example 14 – Button preset (big tap target, copies a long shell line) [copy preset="button" button-text="Copy Docker install" text="curl -fsSL https://get.docker.com | sh"] Example 15 – Icon-only control in a tight layout Docker CE (Ubuntu): [copy text="sudo apt-get install docker-ce docker-ce-cli containerd.io" preset="icon" tooltip="Copy apt install line"] Example 16 – Optional open-after-copy URL (great for coupons) [copy preset="button" text="SAVE20" button-text="Copy code & checkout" redirect="https://clipboard.agency/checkout/?coupon=SAVE20"] Example 17 – Cover preset for a code/card preview [copy preset="cover" text="body { margin: 0; font-family: system-ui, sans-serif; }" button-text="Copy CSS"]body { margin: 0; … }[/copy] The visible card shows the shortened preview; the overlay copies the full CSS string. Example 18 – Legacy `text` + `content` pair (same idea as Example 6) [copy text="Open the parking map" content="https://maps.app.goo.gl/dQw4w9WgXcQ"] Example 19 – Bank-style reference (dummy data) SEPA reference: [copy]RF18539007547034[/copy] Example 20 – Plain JSON snippet for API testers Paste this body: [copy]{ "event": "signup", "plan": "pro", "trial_days": 14 }[/copy] METHOD 2 – Global Injector (NEW in v5.0.0) The Global Injector is the most powerful way to automatically add copy buttons anywhere on your website. It allows you to target elements using CSS selectors and control exactly where the copy buttons appear. Key Capabilities Display Conditions – Show copy buttons only on specific pages, posts, categories, or custom conditions. Multiple Style Presets – Choose from Button, Icon, or Cover styles with live preview. Advanced Targeting – Precisely target elements using CSS selectors such as pre, code, blockquote, and more. Performance Optimized – Plugin assets load only on pages where copy buttons are used. How to Use Global Injector Go to Copy to Clipboard → Global Injector in your WordPress dashboard. Click Add New Injector. Enter the CSS selector you want to target (for example: pre, code, or blockquote). Select a style preset – Button, Icon, or Cover. (Optional) Configure Display Conditions to control where the copy button appears. Click Save and preview the changes on your site. METHOD 2 – Automatically with “CSS Selector” This is the quickest and most commonly used method. It automatically adds copy buttons to all elements that match a specific CSS selector. Use this method when you want copy buttons to appear automatically across your entire website without manually adding them to each element. Examples Example 1 – Code Snippets If your posts contain code snippets inside the tag, simply set the selector to pre (without the angle brackets ). The plugin will automatically add a copy button to every element, allowing visitors to copy code snippets with one click. Example 2 – Blockquotes If you want users to copy quotes from your blog posts, set the selector to blockquote (without the angle brackets ). A copy button will automatically appear for all blockquote elements on your site. You can target any HTML element or custom class using CSS selectors such as: pre – If your posts contain code snippets inside the tag. code – If your posts contain code snippets inside the tag. blockquote – If you want users to copy quotes from your blog posts. .coupon-code – If your posts contain coupon codes. .email-address – If your posts contain email addresses. .copy-this – If you want to copy specific content. How to Use with CSS Selector Go to Copy to Clipboard in your WordPress dashboard. Click the Add New button. Enter the CSS selector you want to target (for example: pre or blockquote). Click Create to save the selector. Visit your page and you will see the copy button automatically added to the targeted elements. For more detailed guides: Add copy buttons to blockquotes Add copy buttons to code snippets METHOD 4 – Manually with “Elementor Widgets” The plugin includes multiple Elementor widgets that allow you to easily add copy buttons to specific content on your page. Simply drag and drop a widget and configure the content you want visitors to copy. These widgets are useful for many types of content including: Emails ChatGPT / AI prompts Coupon codes Deals and affiliate links Inspirational quotes Contact information Addresses Social media posts Commands and technical code Passwords and secure values Notes, reminders, and checklists Blog content and educational materials Hashtags and social media resources Research notes and documentation Travel information and packing lists Personal messages and quotes You can explore live examples for all widgets here: View Elementor widget demos How to Use Elementor Widgets Install and activate the Elementor plugin. Open a page and click Edit with Elementor. Search for the widget (for example: Copy). Drag and drop the widget onto the page. Enter the content you want users to copy. Publish the page and test the copy button. For full examples and widget demos: See all live demos Key benefits Global Injector – Selector-based rules, display conditions, and live preview from the admin. One-click copy – No manual selection; clearer affordances for code, coupons, and contact fields. Multiple presets – Button, Icon, and Cover layouts to fit dense UI or minimal docs. Builder-native – Deep Elementor coverage plus Gutenberg blocks for modern sites. Shortcodes – [copy] / [ctc] for surgical placement in the classic editor, widgets, and templates. Mobile and cross-browser – Tested behavior on common phones and current Chrome, Firefox, Safari, and Edge. Lightweight by design – Pair rules with conditions so you are not loading UI where it is unused. PRO – Extra customization, behavior options, and analytics when you need to scale or brand the experience. PRO adds advanced customization and analytics. Compare plans: https://clipboard.agency/pricing/ Trusted by thousands of WordPress sites 10,000+ active installs rely on Copy Anything to Clipboard for docs, deals, dev blogs, and support content. It is built to cooperate with popular themes and page builders (including Elementor) instead of fighting your layout. Feature requests Ideas and edge cases help the roadmap. Share yours: https://clipboard.agency/contact/ Installation, Elementor, Gutenberg, performance, and HTML vs plain text are covered in the FAQ tab on this plugin page. Google Chrome Extension We also provide a Google Chrome Extension that allows users to quickly copy content from any website. Chrome Web Store The extension works perfectly alongside the Copy Anything to Clipboard WordPress plugin, making it easy to copy text, links, commands, code snippets, and more across the web. Further reading Website Documentation Live demos Support More plugins on WordPress.org If the plugin saves you time, you can support ongoing development here: Support development on PayPal Blocks This plugin provides 4 blocks for the WordPress block editor: Copy Icon Add a small icon that lets users quickly copy text or code to the clipboard. Copy Button Add a visible button that allows users to copy content with one click. Term Title Display the title of the current taxonomy term such as category or tag. Social Share Allow visitors to quickly share content across social media platforms.
Top keywords
- copy100×5.23%
- example27×1.41%
- code21×1.10%
- text20×1.05%
- clipboard18×0.94%
- button16×0.84%
- content15×0.78%
- buttons14×0.73%
- copy buttons14×0.73%
- add13×0.68%
- css12×0.63%
- elementor12×0.63%
Royal Addons for Elementor – Addons and Templates Kit for Elementor
Royal Elementor addons is the most versatile, intuitive, and easy to use Popular Page Builder extension. Our goal is to provide you with the tools to make things happen, efficiently, and fast compare to other elementor addons. Choosing us is not only a mindset, but it is also a requirement if you intend to gain an edge over your competitors when creating your website. The best part is that you can design anything without having to touch a single line of code. Comes with 100+ Elementor addons, 150+ Elementor Templates KIT (Growing Each Week), Theme Builder, elementor Custom Widget Builder, WooCommerce Builder, Elementor Mega Menu Builder, Advanced Sticky Header, Header Footer Builder, Forms Builder, Advanced Filters (filter any CPT, taxonomies and metafields), AJAX Search, Conditional visibility logic (show or hide widgets based on user role), Popup Builder, Post Slider and Carousel, Product Slider and Carousel, Premade Widget Blocks & Extensions. Creative and self-intuitive widgets to take your WordPress website to the next level. All widgets are Free and the Pro Version offers even more advanced functionality. Free and Pro functionalities are mixed in the Widget Demos below. ✅Plugin Home Page ✅Elementor Templates Home Page ✅Woocommerce Elementor Templates Demo Page Widget List: Mega Menu with Off-Canvas mobile menu support Nav Menu Post Grid Post Carousel Post Slider Advanced Filters (filter any CPT, taxonomies and metafields) Custom Widget Builder (build any type of elementor widgets for your projects) Form Builder WooCommerce Product Grid WooCommerce Product Carousel WooCommerce Product Slider Image Grid – Image Slider Image Carousel Magazine Grid Advanced Slider – Carousel Charts – Horizontal/Vertical, Line, Radar, Doughnut, Pie, Polar Area Testimonial Slider Onepage Navigation Pricing Table Content Toggle Countdown Timer Progress Bar Tabs Advanced Text – Fancy Text Category Grid Flip Box Promo Box Before After Slider – Image comparison Slider Image Hotspots Contact Form 7 Styler Ninja Forms Styler WP Forms Styler Caldera Forms Styler MailChimp Content Ticker Button Dual Button Team Member Google Maps Price List Business Hours Sharing Buttons Search Form with Live Ajax Search Site Logo Back to Top Button Phone Call Button Lottie Animation Timeline Widget Flip Carousel Features List Dual Color Heading Advanced Accordion with Search Image Accordion Page List for Mega Menu Data Table Readeing Progress Bar Offcanvas Menu – sidebar menu Twitter Feed Instagram Feed Unfold Widget Circle Menu Widget Password Protected Widget Woocommerce Widgets: Advanced Woocommerce Product Grid Advanced Product Filters (Filter products by Color, brand, size etc) Woocommerce Product Wishlist & Compare Grid Woocommerce Product Wishlist Page Woocommerce Product Compare Page Live Ajax Search for Woocommerce Product Carousel Product Slider Product Filters Product Category Grid My Account Cart Checkout Mini Cart Floating Mini Cart Breadcrumbs Add to Cart Product Price Product Navigation Product Media Product Tabs Product Meta Product Rating Product Sale Badge Product Notice Product Excerpt Product Stock Product Additional Info Extensions and Other Features Elementor Theme Builder & Woocommerce Builder – Header Footer Builder, Post & Product Archive builder, Single Post & Product builder, Single Page, Search, category, tags, 404, author, data page template builder. Dynamic Website Builder – Use Dynamic Tags to create Websites Driven by Dynamic Content. Create Custom Post Types and Custom Taxonomies. Style and customize Custom Fields, Custom Post Type & Custom Taxonomies Templates. Add Dynamic Product Data even for Woocommerce Archive Grid and Single Products Pages and much more. Supported Advanced Custom Fields: Text, Textarea, Number, Range, Email, URL, Password, Select, Checkbox, Radio Button, True / False, Gallery, Image, Repeater, File, Flexible Content, Clone, WYSIWYG Editor, oEmbed, Date Picker, Relationship, Taxonomy, Time Picker, Color Picker, Post Object, Accordion, Tab, Google Map. View Dynamic Websites Prebuilt Demos Advanced Filters for Elementor – Advanced Filters lets you filter any Custom Post Types (CPT), Taxonomies and Metafields in WordPress using Elementor. You can create filters like Price, Color, Brand, Size, Material, Rating or any other. Please watch this Video Tutorial to learn more about it. Widget Builder – Create Custom Elementor Widgets Without Code – Build your own fully-functional Elementor widgets visually — no coding skills required. The Widget Builder lets you design custom widgets from scratch using an intuitive drag-and-drop control panel and a built-in code editor for those who want full creative control. How it works: Add controls (text fields, color pickers, sliders, selects, media uploaders, and 20+ more) to your widget’s Content, Style, and Advanced tabs — just like any native Elementor widget. Use simple template tags like {{title}} or {{image.url}} in the HTML editor to output control values dynamically. Add custom CSS and JavaScript to style and power your widget’s behavior. Hit Preview to test your widget live inside Elementor, then Save — your widget is instantly available in the Elementor editor, ready to use on any page. Key highlights: 20+ supported control types including text, number, color, slider, dimensions, select, media, gallery, icons, typography, background, border, box shadow, and more Group controls for typography, background, borders, and shadows — matching native Elementor quality Conditional logic with {{#if}} template tags to show/hide content based on control values Built-in Monaco code editor (same editor used in VS Code) for HTML, CSS, and JavaScript Link external CSS/JS libraries directly from the Includes panel Live preview inside Elementor before saving Custom icon and category assignment so your widgets feel native Generated widgets are lightweight, performant, and stored as standard Elementor widget classes Whether you need a custom testimonial card, a pricing box with unique styling, a branded CTA section, or any element that doesn’t exist as a pre-built widget — the Widget Builder lets you create it yourself in minutes, not hours. Mega Menu Builder – Build any type of WordPress mega menu with Menu Badges and Icons, use any elementor widgets in Mega menu content, supports Ajax loading of mega menu items for maximum page loading speed. Off-Canvas Mobile and Desktop Menus support. Advanced Sticky Menu – Create eye-catching Sticky Header Effects check demos (scroll to see menu effects): Demo 1 – Replace Header on Scroll, change it’s background Color and make it Transparent, replace Logo Demo 2 – Shrink Logo, Shrink Header and Change its Color Demo 3 – Only show Header when Scrolling Up Demo 4 – Replace Header and add Shadow, Replace Logo and Menu background Colors Demo 5 – Scale Logo, Scale Header and Change its background Color Conditional visibility logic – Show or hide elementor widgets based on user role. Popup Builder – (Offer Sales Banners, Subscriptions Banners, GDPR Cookie Consent & Compliance Notice, Cookie Notice, Age Verification), 20+ Premade Popup Templates included in popup library Parallax Scrolling – Parallax effect extension Parallax Multi-Layer Effect – extension Particle Effect White Label Branding (Change Plugin Name, Description, Developer / Agency, Website URL, Menu Label and other custom branding related settings) Sticky Section (Can be used for creating Sticky Header / Menu) Custom CSS – apply custom css to any elementor section. Elementor Wocommerce Builder Templates Kits Electronic Store Auto Parts Store Fashion 2 Woo Shop 1 Woo Shop 2 Fashion 1 Grocery Store Furniture Store Food Delivery Ecommerce +++++View All Demos +++++ Elementor Theme Builder Templates Kits Personal Blog v1 Personal Blog v2 Personal Blog v3 Personal Blog v4 Magazine Blog v1 Magazine Blog v2 Magazine Blog v3 Magazine Blog V4 Magazine Blog V6 Food Blog Travel Blog +++++View All Demos +++++ Elementor Templates Kits Nature Digital Agency Digital Agency Digital Agency It Technology 1 Construction v1 Construction v2 Construction v3 Architecture It Technology 2 Drone Cybersecurity Medical Realestate Cryptocurrency Skincare Food Delivery Wedding Restaurant Portfolio Developer Portfolio Designer Bio Pizza Restaurant Wine Bar Photographer Portfolio Dark Photographer Portfolio Light Lawyer Light version Travel Blogger & Influencer Light version NFT Car Wash Pet Care Pet Shop Digital Marketing Agency One Page Digital Marketing Agency v1 One Page Digital Marketing Agency v2 Travel Agency Architecture & Interior Fytness & Gym Business Consulting Car Repair Amazon Product Landing Page Business Landing Page Mobile App Landing Page Investment Landing Page Digital Product Landing Page Saas Landing Page Startup Landing Page Ebook Landing Page Home Care Fintech Portfolio v2 Hotel v1 Nature – Travel v2 Yoga Digital Seo Marketing Agency v1 Digital Seo Marketing Agency v2 Real Estate v2 Real Estate Agency v3 Job Listing Website Barber Shop Kit Dance Studio Kit Magazine Blog V4 Solar Energy Kit Digital Marketing Agency v3 Digital Marketing Agency v2 Digital Agency Dark Charity Coming Soon Kit v1 Music Band v1 Dental v1 +++++View All Demos +++++ How to Import Template Kit: Navigate to plugin Menu > Templates Kit > Select Kit you want to import > Click on the import Template Kit button. Demo Data will be installed from Our Website. What’s imported: Posts, pages, images in the media library, menu items, some basic settings like which page will be set as homepage, premade headers, and premade footers, popups if demo includes it. If you already have posts, pages, or any other data in your WordPress none of them will be deleted. Widgets short Description: 1. Elementor Post Grid Post Grid – Post Slider – Post Carousel – A free Elementor Post grid widget. This widget could be used as a recent posts slider, post carousel, FitRows grid, masonry grid (Pro), portfolio grid, list style grid, filtrable grid if you will enable isotope filters, media grid for video project showcase and more. Simply the best solution for WordPress blog posts or custom post types. Comes with the following options: multicolumns, numbered pagination, random post display option, load more button, infinite scroll (Pro), likes (Pro), sharing (Pro), custom fields (Pro), lightbox, linkable filters (deep linking), custom icons for filters, grid filters (live filters with isotope) and much more. 2. Elementor Woocommerce Grid WooCommerce Product Grid – Product Slider – Product Carousel – A free WooCommerce Grid Widget. Could be used as product carousel, product slider, product list, product category grid, category carousel, category slider, filtrable grid to display wooCommerce products and much more. This elementor addon comes with the following options: multicolumn, numbered pagination, load more button, infinite scroll (Pro), product likes (Pro), product sharing (Pro), custom fields (Pro), lightbox with the gallery, linkable filters (deep linking), custom icons for filters, live grid filters (with isotope filters), sorting and much more. 3. Image Grid Image Grid – Image Slider – Image Carousel – A free Image Grid Widget. Could be used as an image gallery, logo grid, image slider, image carousel, and much more. Addon comes with the following options: multicolumn grids, numbered pagination, load more button, infinite scroll (Pro), likes (Pro), sharing (Pro), custom fields (Pro), lightbox, linkable filters (deep linking), custom icons for the filters, FitRows grid with a isotope filters, masonry grid and much more. Magazine Grid – Slider – A free Magazine Grid Widget. This widget is the #1 Magazine Grid builder widget on the repository. Could be used as magazine layout, newspaper layout, news grid, news slider(PRO). 5. Advanced Slider Advanced Slider – Carousel – A free Image Slider Widget. Could be used as image slider, logo carousel, content slider, template slider (Pro). Creat unique looking hero section with this slider. It is fully responsive and has full width and full screen options. Also Pro version comes with Ken Burns effect & animated content. 6. Testimonial Slider Testimonial Slider – A free Testimonial Slider Widget. This widget will showcase your customers reviews on your WordPress website. The widget offers following options: customers reviews slider, testimonials ratings (stars), company logo option, clients/customer image, texts with vintage quotes. 7. Elementor Menu widget Nav Menu – A free Nav Menu Widget. This widget will make your WordPress Menu trully unique by customizing its look and feel without using code. Addon offers following options: mobile menu customization, drop down menu setup, hamburger menu, menu hover effects and hover animations. Also Pro version offers vertical menu and sticky header. Most advanced & customizable responsive menu. 8. Onepage Navigation Onepage Navigation – A free Onepage Navigation Widget. This widget allows you to create an amazing onepage scroll experiance WordPress website with just a few clicks. Can be used to create floating menu, sticky navigation menu, side menu with icons to scroll to any section. 9. Pricing Table Pricing Table – A free Pricing Table Widget. This Pricing Comparison Table widget helps you to create an effective price comparison table with unique styling, which allows you to display not just the cost, but also the features you offer. A widget could be used as a regular pricing table & as a pricing table with a toggle button to switch from Monthly/Yearly plans. Pro version offers different tooltip options for each pricing table feature, also it’s possible to have more than 2 pricing plans switcher, like Monthly/Yearly/Lifetime (You can check the demo on the widget preview page). 10. Content Toggle Content Toggle – A free Content Toggle Widget. You can load Elementor Templates or simply insert images and text to style it the way you want. A widget could be used as a pricing switcher as well, for example, to switch between Monthly/Yearly/Lifetime pricing plans. Pro version offers more than 2 toggle options – Check out the widget demo page to see all its possibilities. 11. Countdown Timer Countdown Timer – This widget allows you to display a timer that counts down to a specific time or date. A widget could be used as a black Friday sale countdown timer, to create urgency for users for your event, sales, or opt-in forms. You can set various actions after the timer expires: hide the timer, display a message, redirect or load the template. The Pro version offers an Evergreen timer (checkout widget demo page), recurring countdown timer, and restart timer options. 12. Progress Bar Progress Bar – This Skill Bar widget offers unique ways to style various types of stats in percentages or numbers, can be used for classic animated progress bars, …