{"id":44754,"date":"2018-05-22T21:01:23","date_gmt":"2018-05-22T13:01:23","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=44754"},"modified":"2022-07-17T21:57:51","modified_gmt":"2022-07-17T13:57:51","slug":"progress-steps-jquery-plugin","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/","title":{"rendered":"Add Progress Steps to Forms With This jQuery Plugin"},"content":{"rendered":"<p>Most of us know about <a href=\"https:\/\/www.hongkiat.com\/blog\/beautiful-progress-bars\/\">progress bars<\/a> and how these work in UI design. They help to <strong>define pageload times, upload forms, and similar periods of delay<\/strong> between pages.<\/p>\n<p>But <strong>progress steps<\/strong> are a little different. These work like breadcrumbs at the top of the page to guide users through a step-by-step process (usually signup and checkout forms).<\/p>\n<p>With <a href=\"https:\/\/oguzhanoya.github.io\/jquery-steps\/\" target=\"_blank\" rel=\"noopener noreferrer\">jQuery Steps<\/a> you can <strong>quickly add custom progress steps onto any page<\/strong> of your site.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/html5-progress-bar\/\" class=\"ref-block__link\" title=\"Read More: Creating & Styling Progress Bar With HTML5\" rel=\"bookmark\"><span class=\"screen-reader-text\">Creating & Styling Progress Bar With HTML5<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/html5-progress-bar.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-16523 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/html5-progress-bar.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Creating & Styling Progress Bar With HTML5<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tHTML5 brought us the progress bar element, making it easier to visually represent the completion status of tasks...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<figure><a href=\"https:\/\/oguzhanoya.github.io\/jquery-steps\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/01-jquery-steps-plugin-homepage.jpg\" alt=\"jquery steps plugin\" width=\"1000\" height=\"594\"><\/a><\/figure>\n<p>The entire plugin runs on jQuery and it\u2019s released for free <a href=\"https:\/\/github.com\/oguzhanoya\/jquery-steps\" target=\"_blank\" rel=\"noopener noreferrer\">on GitHub<\/a>.<\/p>\n<p>You can run these <strong>progress steps as multi-page features<\/strong> that guide the visitor through different pages on your site. Or you can run this like an Ajax step that moves the user <strong>through the same page<\/strong> with dynamic form fields.<\/p>\n<p>In the <a href=\"https:\/\/oguzhanoya.github.io\/jquery-steps\/#options\" target=\"_blank\" rel=\"noopener noreferrer\">plugin options,<\/a> you\u2019ll find settings for changing the \u201cstart\u201d position, footer buttons, forward\/back buttons, and a whole lot more.<\/p>\n<p>There are also quite a few events you can target with your own custom callback functions whenever the user advances the progress step, or whenever the user reaches the end.<\/p>\n<p>All things considered, this is a fairly new plugin so it <strong>doesn\u2019t have a ton of options to pick from<\/strong>. But it\u2019s definitely one of the best plugins you\u2019ll find for creating these custom progress step features.<\/p>\n<p>Just note: browser support is mostly limited to modern browsers and for Microsoft browsers this has only been tested in IE 11. If you\u2019re looking to support older browsers you\u2019ll need to do some testing on your own, or try to build custom <a href=\"https:\/\/www.hongkiat.com\/blog\/css-javascript-fallback-methods\/\">fallback methods<\/a> to handle legacy users.<\/p>\n<figure><a href=\"https:\/\/oguzhanoya.github.io\/jquery-steps\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/02-jquery-steps-config-list.jpg\" alt=\"example jquerysteps progress ui\" width=\"1000\" height=\"460\"><\/a><\/figure>\n<p>Certainly one of the <strong>easiest progress step plugins I\u2019ve ever seen<\/strong> and it should play nice with other jQuery plugins too.<\/p>\n<p>Take a quick look at <a href=\"https:\/\/oguzhanoya.github.io\/jquery-steps\/\" target=\"_blank\" rel=\"noopener noreferrer\">the homepage<\/a> for a live demo along with the custom JS options and a download button to pull a copy of the code for yourself.<\/p>","protected":false},"excerpt":{"rendered":"<p>Free and useful jQuery plugin to add custom progress steps onto any page of your website.<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[1312,911,2112],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Add Progress Steps to Forms With This jQuery Plugin - Hongkiat<\/title>\n<meta name=\"description\" content=\"Free and useful jQuery plugin to add custom progress steps onto any page of your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Progress Steps to Forms With This jQuery Plugin\" \/>\n<meta property=\"og:description\" content=\"Free and useful jQuery plugin to add custom progress steps onto any page of your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-22T13:01:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-17T13:57:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/01-jquery-steps-plugin-homepage.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Add Progress Steps to Forms With This jQuery Plugin\",\"datePublished\":\"2018-05-22T13:01:23+00:00\",\"dateModified\":\"2022-07-17T13:57:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/\"},\"wordCount\":330,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progress-steps-jquery-plugin\\\/01-jquery-steps-plugin-homepage.jpg\",\"keywords\":[\"Forms\",\"jQuery\",\"Progress Bar Design\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/\",\"name\":\"Add Progress Steps to Forms With This jQuery Plugin - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progress-steps-jquery-plugin\\\/01-jquery-steps-plugin-homepage.jpg\",\"datePublished\":\"2018-05-22T13:01:23+00:00\",\"dateModified\":\"2022-07-17T13:57:51+00:00\",\"description\":\"Free and useful jQuery plugin to add custom progress steps onto any page of your website.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progress-steps-jquery-plugin\\\/01-jquery-steps-plugin-homepage.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progress-steps-jquery-plugin\\\/01-jquery-steps-plugin-homepage.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progress-steps-jquery-plugin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Progress Steps to Forms With This jQuery Plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Add Progress Steps to Forms With This jQuery Plugin - Hongkiat","description":"Free and useful jQuery plugin to add custom progress steps onto any page of your website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/","og_locale":"en_US","og_type":"article","og_title":"Add Progress Steps to Forms With This jQuery Plugin","og_description":"Free and useful jQuery plugin to add custom progress steps onto any page of your website.","og_url":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-05-22T13:01:23+00:00","article_modified_time":"2022-07-17T13:57:51+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/01-jquery-steps-plugin-homepage.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Add Progress Steps to Forms With This jQuery Plugin","datePublished":"2018-05-22T13:01:23+00:00","dateModified":"2022-07-17T13:57:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/"},"wordCount":330,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/01-jquery-steps-plugin-homepage.jpg","keywords":["Forms","jQuery","Progress Bar Design"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/","url":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/","name":"Add Progress Steps to Forms With This jQuery Plugin - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/01-jquery-steps-plugin-homepage.jpg","datePublished":"2018-05-22T13:01:23+00:00","dateModified":"2022-07-17T13:57:51+00:00","description":"Free and useful jQuery plugin to add custom progress steps onto any page of your website.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/01-jquery-steps-plugin-homepage.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/progress-steps-jquery-plugin\/01-jquery-steps-plugin-homepage.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/progress-steps-jquery-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Add Progress Steps to Forms With This jQuery Plugin"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bDQ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=44754"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44754\/revisions"}],"predecessor-version":[{"id":52630,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44754\/revisions\/52630"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=44754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=44754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=44754"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=44754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}