How to Remove the Progress Bar in the SiteKiosk Chrome Browser

Today we are looking at a quick way to remove the progress bar in Chrome browser windows of SiteKiosk Windows. Please note that this feature will most likely be added to a future version of SiteKiosk for the Chrome engine skins.

To achieve the task we need to edit a file of the Chrome Browser skin. The content.json file is located in the folder C:\Users\Public\SiteKiosk\data\content\local\files\projects\d97aa96b962543fcb39625a3f8e8d8fb\000000000000000000000000. Open it with an editor.

Look for the segment that starts with this line:

"type": "content-webview-progress",

This will lead you to this:

{
	"type": "content-webview-progress",
	"name": "loadProgress",
	"borderBottom": "1px solid transparent",
	"borderBottomColor": "[[$root.colors.border]]",
	"backgroundColor": "[[$root.colors.progress.background]]",
	"height": "7px",
	"paddingTop": "2px",
	"paddingBottom": "2px",
	"width": "100%",
	"color": "[[$root.colors.progress.foreground]]",
	"webView": "{{tabPageArea.currentTab}}",
	"_editor_canBeSelected": true,
	"_editor_canBeEdited": true,
	"_editor_canBeDeleted": true,
	"_editor_canAdd": true,
	"layout": {
	},
	"_editor_propertiesToEdit": {
		"applyToAllContentGroups": true,
		"flex": true,
		"margin": true,
		"text": true
	},
	"_editor_propertiesToEditRestrictedUser": {}
},

Within the segment look for the line:

"width": "100%",

Add the following line directly after:

"visible": false,

The edited segment should look like this now:

{
	"type": "content-webview-progress",
	"name": "loadProgress",
	"borderBottom": "1px solid transparent",
	"borderBottomColor": "[[$root.colors.border]]",
	"backgroundColor": "[[$root.colors.progress.background]]",
	"height": "7px",
	"paddingTop": "2px",
	"paddingBottom": "2px",
	"width": "100%",
	"visible": false,
	"color": "[[$root.colors.progress.foreground]]",
	"webView": "{{tabPageArea.currentTab}}",
	"_editor_canBeSelected": true,
	"_editor_canBeEdited": true,
	"_editor_canBeDeleted": true,
	"_editor_canAdd": true,
	"layout": {
	},
	"_editor_propertiesToEdit": {
		"applyToAllContentGroups": true,
		"flex": true,
		"margin": true,
		"text": true
	},
	"_editor_propertiesToEditRestrictedUser": {}
},

Save the file and start SiteKiosk to see the effect.