{"id":24012,"date":"2024-02-15T14:53:34","date_gmt":"2024-02-15T22:53:34","guid":{"rendered":"https:\/\/docs.extraview.com\/v25\/book\/progress-bars-1\/"},"modified":"2025-02-13T10:17:09","modified_gmt":"2025-02-13T18:17:09","slug":"progress-bars-1","status":"publish","type":"page","link":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"<p>There are two types of progress bars that can be configured and then displayed on <em>add<\/em> and <em>edit<\/em> screens as well as reports.<\/p>\n<h3>\n\tMilestone Progress Bars<\/h3>\n<p>Milestone progress bars utilize a multi-valued list field that contains the values of the individual milestones.&nbsp; The milestones appear as colored dots indicating which milestones have been reached in the workflow of an individual issue:<\/p>\n<p><img decoding=\"async\" alt=\"\" src=\"\/v25\/extraview-media\/images\/ag\/fields_and_layouts\/progress-bar-milestone.png\" style=\"width: 90%;\" \/><\/p>\n<p>The colors of the dots may be styled, but the above example shows the status progress of an issue, where the issue was first given a status of <strong>New<\/strong>, then moved to a status of <strong>Open<\/strong>, and is currently residing in a status of <strong>Fixed<\/strong>.&nbsp; The dot with no color signifies the issue has not reached the status of <strong>Closed<\/strong>.<\/p>\n<p>The recommended set up for milestone progress bars is as follows.&nbsp; This document will use an issue&#8217;s status as the example, although it can be based on any list field with any purpose.<\/p>\n<p>First, you define a field in the data dictionary to be used for the progress bar.&nbsp; This must be a field with a display type of <strong>List<\/strong>.&nbsp; The field properties you define should be:<\/p>\n<table border=\"0\" cellpadding=\"2\" cellspacing=\"2\" style=\"width:100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#ccc\">\n\t\t\t\t<b>Property<\/b><\/td>\n<td bgcolor=\"#ccc\">\n\t\t\t\t<b>Value<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tMultiple value<\/td>\n<td>\n\t\t\t\tYes<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tAllow selection on reports<\/td>\n<td>\n\t\t\t\tYes<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tFilter criteria<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tIs sortable<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tEnable interest list<\/td>\n<td>\n\t\t\t\tEither Yes or No<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tAllow Context Menu<\/td>\n<td>\n\t\t\t\tEither Yes or No, but usually No<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tAssociate image with values<\/td>\n<td>\n\t\t\t\tIf you are providing each of the milestone values with an image, then Yes, else No<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tAllow image to be enlarged<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tDisplay format<\/td>\n<td>\n\t\t\t\tProgress Bar<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tRemember last value<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tUsed for user attributes<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tDisplay as URL<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tImage for Display as URL<\/td>\n<td>\n\t\t\t\tShould be blank<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tURL<\/td>\n<td>\n\t\t\t\tShould be blank<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tDefault value<\/td>\n<td>\n\t\t\t\tShould be blank<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tHelp text<\/td>\n<td>\n\t\t\t\tOptional, with any text you define<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tHelp URL<\/td>\n<td>\n\t\t\t\tOptional<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Now, edit the list values for the progress bar you are defining.&nbsp; For our example, here are the values:<\/p>\n<p><img decoding=\"async\" alt=\"\" src=\"\/v25\/extraview-media\/images\/ag\/fields_and_layouts\/progress-bar-milestone-list.png\" style=\"width: 90%;\" \/><\/p>\n<p>The values for this progress bar are kept in step with the values of the STATUS field.&nbsp; The progress bar field is deliberately configured as a separate field from STATUS for two reasons:<\/p>\n<ol>\n<li>\n\t\tWe are only using a subset of all values of STATUS configured on the site for the progress milestones<\/li>\n<li>\n\t\tThe field is deliberately set as multi-valued, whereas the STATUS field is singled-valued.<\/li>\n<\/ol>\n<p>To map the values from the STATUS field to our progress bar field, we define business rules.&nbsp; For the example, note the name of the user defined field we are defining is <code>STATUS_PROGRESS_BAR<\/code>&nbsp;and it has four values <strong>New<\/strong>, <strong>Open<\/strong>, <strong>Fixed<\/strong> and <strong>Closed<\/strong>.&nbsp; In addition in the following code example, if the user skips a step \/ value in the workflow, the color of the bubble on the screen that value remains uncolored.<\/p>\n<div>\n\t<code>&lt;== load ==&gt;<\/code><\/div>\n<div>\n\t<code>&nbsp; if (SCREEN_NAME = 'ADD') {STATUS = 'New'; STATUS_PROGRESS_BAR = 'New'};<\/code><\/div>\n<div>\n\t&nbsp;<\/div>\n<div>\n\t<code>&lt;== preupdate ==&gt;<\/code><\/div>\n<div>\n\t<code>&nbsp; if ((STATUS.{changed} &amp;&amp; STATUS = 'New') || STATUS = 'New') { STATUS_PROGRESS_BAR = 'New' };<\/code><\/div>\n<div>\n\t<code>&nbsp; if ( STATUS.{changed} &amp;&amp; STATUS = 'Open')&nbsp; &nbsp; &nbsp;{ STATUS_PROGRESS_BAR += 'Open' };<\/code><\/div>\n<div>\n\t<code>&nbsp; if ( STATUS.{changed} &amp;&amp; STATUS = 'Fixed')&nbsp; &nbsp; { STATUS_PROGRESS_BAR += 'Fixed' };<\/code><\/div>\n<div>\n\t<code>&nbsp; if ( STATUS.{changed} &amp;&amp; STATUS = 'Closed')&nbsp; &nbsp;{ STATUS_PROGRESS_BAR += 'Closed' };<\/code><\/div>\n<p>If the user reverses one or more steps in the workflow, the milestone bubble you move from will remain colored. Additional rules would be required to define what milestone steps should and should not be displayed with each transition.<\/p>\n<p>You will not typically display the progress bar field on an <em>add<\/em> layout, as the intent here is to simply set the STATUS to a value of <strong>New<\/strong> with the <code>load <\/code>directive when the issue is submitted.<\/p>\n<p>There are many permutations of how you can control the appearance of the individual milestone bubbles within the progress bar.&nbsp; For example, you may use layout cell attributes such as VISIBLE VALUE IF and HIDDEN VALUE IF to control the visibility of individual bubbles.&nbsp; More sophisticated rules may be written to set \/ reset the colors of the bubbles, especially if you want to allow users to retrace their workflow steps.&nbsp; As an example, after the user moves the <code>STATUS<\/code> backwards in the workflow, you might rebuild the progress bar as follows:<\/p>\n<div>\n\t<code>&lt;== preupdate ==&gt;<\/code><\/div>\n<div>\n\t<code>&nbsp; if ((STATUS.{changed from: 'Fixed'} &amp;&amp; STATUS.{changed to: = 'Open' )<\/code><\/div>\n<div>\n\t<code>&nbsp; { STATUS_PROGRESS_BAR.{clear};<\/code><\/div>\n<div>\n\t<code>&nbsp; &nbsp;&nbsp;<\/code><span style=\"color: rgb(170, 0, 0); font-family: courier, monospace;\">STATUS_PROGRESS_BAR += &#8216;New&#8217;;<\/span><\/div>\n<div>\n\t<span style=\"color: rgb(170, 0, 0); font-family: courier, monospace;\">&nbsp; &nbsp; STATUS_PROGRESS_BAR += &#8216;Open&#8217;;<\/span><\/div>\n<div>\n\t<span style=\"color: rgb(170, 0, 0); font-family: courier, monospace;\">&nbsp; };<\/span><\/div>\n<h4>\n\t<span style=\"font-size: 11pt;\">The Layout<\/span><\/h4>\n<div>\n\tOn your EDIT_PROBLEM layout (or an embedded layout within there), you will place you progress bar field:<\/div>\n<p><img decoding=\"async\" alt=\"\" src=\"\/v25\/extraview-media\/images\/ag\/fields_and_layouts\/progress-bar-milestone-layout.png\" style=\"width: 90%;\" \/><\/p>\n<p>Note that we gave the STATUS_PROGRESS_BAR field three cell attributes:<\/p>\n<table border=\"0\" cellpadding=\"2\" cellspacing=\"2\" style=\"width:100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#ccc\">\n\t\t\t\t<b>Attribute<\/b><\/td>\n<td bgcolor=\"#ccc\">\n\t\t\t\t<b>Purpose<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tALTERNATE_TITLE = &amp;nbsp;<\/td>\n<td>\n\t\t\t\tThis suppresses the field title on the rendered layout, as the progress bar is self-explanatory<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tCONTEXT_MENU = No<\/td>\n<td>\n\t\t\t\tTurns off the field&#8217;s context menu.&nbsp; Note that this could be defined as a global layout cell attribute within the data dictionary<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tSIZE = 1000<\/td>\n<td>\n\t\t\t\tSets the width of the progress bar on the rendered layout<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Other layout cell attributes may be defined, typically to set the colors rendered on the buttons.<\/p>\n<p>When users subsequently <strong>Edit<\/strong> the issue and update the STATUS, the <code>preupdate <\/code>rules will trigger and set the appropriate milestone value to display.<\/p>\n<p>One important point is that when using progress bars within your workflow to look at many milestones, it may be acceptable to not complete every milestone, or to complete milestones out of order as they appear along the line of values.&nbsp; Milestones that were set as values will be shown in their shaded color, while ones that were never set will appear with a clear background.&nbsp; This visual indicator assists users in seeing the workflow steps more accurately.<\/p>\n<h3>\n\tPercentage Progress Bars<\/h3>\n<p>Percentage progress bars display a single horizontal bar that indicates the percentage towards a goal of a task:<\/p>\n<p><img decoding=\"async\" alt=\"\" src=\"\/v25\/extraview-media\/images\/ag\/fields_and_layouts\/progress-bar-percentage.png\" style=\"width: 300px;\" \/><img decoding=\"async\" alt=\"\" src=\"\/v25\/extraview-media\/images\/ag\/fields_and_layouts\/progress-bar-percentage-with-num.png\" style=\"width: 300px;\" \/><\/p>\n<p>The percentage displayed may be set using a single numeric field with a value between 0 and 100, a calculation based on a single field and the result based as a percentage, or a calculation between two or more numeric fields.&nbsp; The colors of the bars may be styled.&nbsp; It is optional to display the actualy percentage value alongside the bar.<\/p>\n<p>The recommended set up for percentage progress bars is as follows.&nbsp;&nbsp; This example is set to show how to express a number as a percentage of 100%.<\/p>\n<p>First, you define a field in the data dictionary to be used for the progress bar.&nbsp; This must be a field with a display type of <strong>Number<\/strong>. The field properties you define should be:<\/p>\n<table border=\"0\" cellpadding=\"2\" cellspacing=\"2\" style=\"width:100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#ccc\">\n\t\t\t\t<b>Property<\/b><\/td>\n<td bgcolor=\"#ccc\">\n\t\t\t\t<b>Value<\/b><\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tAllow selection on reports<\/td>\n<td>\n\t\t\t\tYes<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tFilter criteria<\/td>\n<td>\n\t\t\t\tYes<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tIs sortable<\/td>\n<td>\n\t\t\t\tYes<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tTotal field on reports<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tEnable interest list<\/td>\n<td>\n\t\t\t\tEither Yes or No<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tAllow Context Menu<\/td>\n<td>\n\t\t\t\tEither Yes or No<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tRender as progress bar<\/td>\n<td>\n\t\t\t\tYes<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tNegative display<\/td>\n<td>\n\t\t\t\tNot used<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tThousands separator<\/td>\n<td>\n\t\t\t\tNot used<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tRounding mode<\/td>\n<td>\n\t\t\t\tNot used<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tInternal precision<\/td>\n<td>\n\t\t\t\t1<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tReport precision<\/td>\n<td>\n\t\t\t\t1<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tUse as a rank field<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tRemember last value<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tUsed for user attributes<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tDisplay as URL<\/td>\n<td>\n\t\t\t\tNo<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tImage for Display as URL<\/td>\n<td>\n\t\t\t\tShould be blank<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tURL<\/td>\n<td>\n\t\t\t\tShould be blank<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tDefault value<\/td>\n<td>\n\t\t\t\tShould be blank<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tHelp text<\/td>\n<td>\n\t\t\t\tOptional, with any text you define<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\tHelp URL<\/td>\n<td>\n\t\t\t\tOptional<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>You use a business rule to calculate the percentage value you wish to display.&nbsp; For this purpose, we set up the above <strong>Number <\/strong>field in the data dictionary with a name of <code>FINAL_PCT<\/code>.&nbsp; For the calculation, two numeric fields named <code>CURRENT_NUM <\/code>and <code>TARGET_NUM<\/code>.<\/p>\n<p>The business rule that calculates the percentage is:<\/p>\n<p><code>&lt;== onchange ==&gt;<br \/>\n\tif (CURRENT_NUM.{changed} || TARGET_NUM.{changed}) { &nbsp;<br \/>\n\t&nbsp; FINAL_PCT = CURRENT_NUM;<br \/>\n\t&nbsp; FINAL_PCT \/= TARGET_NUM;<br \/>\n\t}<\/code><\/p>\n<p>The conversion of a decimal value to a percentage of 100 is automatically performed for the user.<\/p>\n<p>To complete the configuration for this example, all three fields <code>CURRENT_NUM<\/code>, <code>TARGET_NUM <\/code>and <code>FINAL_PCT <\/code>are placed on the appropriate <em>edit<\/em> layout.<\/p>\n<p>When either of the two numbers is altered on the rendered layout by the user, the percentage progress bar is immediately updated as per this example:<\/p>\n<p><img decoding=\"async\" alt=\"\" src=\"\/v25\/extraview-media\/images\/ag\/fields_and_layouts\/progress-bar-percentage-example.png\" style=\"width: 90%;\" \/><\/p>\n<h3>\n\tProgress Bars on Reports<\/h3>\n<p>Any progress bar may be displayed on Column Reports and TreeGrid reports.&nbsp; It&#8217;s worth noting that it can be advantageous to take advantage of the following, for the best presentation of progress bars on reports:<\/p>\n<ol>\n<li>\n\t\tAfter placing the field containing the progress bar on the report, use a right-mouse click on the red button by the field and set the width of the bar as you want it to appear on the report output<\/li>\n<li>\n\t\tFor percentage progress bars where the value is not important to display, set a global cell attribute of SUPPRESS_VALUE within the data dictionary.&nbsp; This will remove the percentage number from all reports you create and is simpler than applying the attribute to each individual <em>add <\/em>or <em>edit<\/em> layout.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>There are two types of progress bars that can be configured and then displayed on add and edit screens as well as reports. Milestone Progress Bars Milestone progress bars utilize a multi-valued list field that contains the values of the individual milestones.&nbsp; The milestones appear as colored dots indicating which milestones have been reached in&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":24000,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"no","_lmt_disable":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-24012","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress Bars - Product Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress Bars - Product Documentation\" \/>\n<meta property=\"og:description\" content=\"There are two types of progress bars that can be configured and then displayed on add and edit screens as well as reports. Milestone Progress Bars Milestone progress bars utilize a multi-valued list field that contains the values of the individual milestones.&nbsp; The milestones appear as colored dots indicating which milestones have been reached in...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Product Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-13T18:17:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/\",\"url\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/\",\"name\":\"Progress Bars - Product Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#website\"},\"datePublished\":\"2024-02-15T22:53:34+00:00\",\"dateModified\":\"2025-02-13T18:17:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.extraview.com\/v25\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ExtraView 25\",\"item\":\"https:\/\/docs.extraview.com\/v25\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Administration Guide\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Site Configuration Menu\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Data Dictionary\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Special Purpose Fields\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"Progress Bars\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#website\",\"url\":\"https:\/\/docs.extraview.com\/v25\/\",\"name\":\"ExtraView Product Documentation\",\"description\":\"ExtraView Documentation\",\"publisher\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.extraview.com\/v25\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#organization\",\"name\":\"ExtraView Corporation\",\"url\":\"https:\/\/docs.extraview.com\/v25\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png\",\"contentUrl\":\"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png\",\"width\":512,\"height\":512,\"caption\":\"ExtraView Corporation\"},\"image\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress Bars - Product Documentation","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:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/","og_locale":"en_US","og_type":"article","og_title":"Progress Bars - Product Documentation","og_description":"There are two types of progress bars that can be configured and then displayed on add and edit screens as well as reports. Milestone Progress Bars Milestone progress bars utilize a multi-valued list field that contains the values of the individual milestones.&nbsp; The milestones appear as colored dots indicating which milestones have been reached in...","og_url":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/","og_site_name":"Product Documentation","article_modified_time":"2025-02-13T18:17:09+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/","url":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/","name":"Progress Bars - Product Documentation","isPartOf":{"@id":"https:\/\/docs.extraview.com\/v25\/#website"},"datePublished":"2024-02-15T22:53:34+00:00","dateModified":"2025-02-13T18:17:09+00:00","breadcrumb":{"@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/progress-bars-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.extraview.com\/v25\/"},{"@type":"ListItem","position":2,"name":"ExtraView 25","item":"https:\/\/docs.extraview.com\/v25\/"},{"@type":"ListItem","position":3,"name":"Administration Guide","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/"},{"@type":"ListItem","position":4,"name":"Site Configuration Menu","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/"},{"@type":"ListItem","position":5,"name":"Data Dictionary","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/"},{"@type":"ListItem","position":6,"name":"Special Purpose Fields","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/administration-guide-1\/site-configuration-menu-1\/data-dictionary-4\/special-purpose-fields-1\/"},{"@type":"ListItem","position":7,"name":"Progress Bars"}]},{"@type":"WebSite","@id":"https:\/\/docs.extraview.com\/v25\/#website","url":"https:\/\/docs.extraview.com\/v25\/","name":"ExtraView Product Documentation","description":"ExtraView Documentation","publisher":{"@id":"https:\/\/docs.extraview.com\/v25\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.extraview.com\/v25\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/docs.extraview.com\/v25\/#organization","name":"ExtraView Corporation","url":"https:\/\/docs.extraview.com\/v25\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/","url":"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png","contentUrl":"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png","width":512,"height":512,"caption":"ExtraView Corporation"},"image":{"@id":"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/"}}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"carl.koppel","author_link":"https:\/\/docs.extraview.com\/v25\/author\/carl-koppel\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/24012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/comments?post=24012"}],"version-history":[{"count":0,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/24012\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/24000"}],"wp:attachment":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/media?parent=24012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}